SebDB

A complete design and development of an open security-behaviour database website

Year
2025
Services
UX/UI Design
Development
Industry
Cybersecurity
Laptop on stone steps showing SebDB website with Join the Community text and a video thumbnail.
Smartphone screen showing SebDB site with a colorful 3D cube and cybersecurity behavior database text.
Illustration of a man at a desk with a computer showing a list of security tasks to prioritize.

How we turned SebDB's behaviour science into a product

Challenge & Solution

The core challenge was making a deep behavioural-science database feel approachable. Researchers needed rigour and detail, while security teams needed quick, usable answers. We designed an open, searchable system that maps hundreds of security behaviours to frameworks like NIST CSF, keeping complexity one click away rather than in the way.

10+pages designed

100+behaviours mapped

100%responsive, mobile-first

Open laptop on stone steps displaying SebDB cybersecurity website with colorful cube graphic.

SebDB, built around behavioural clarity

SebDB organises the science of security behaviour into a single, navigable home. The design strips away academic complexity, leading with clear entry points so researchers and security teams alike can find what they need without friction.

Brand guidelines with SebDB logo, color theme with five colors, and typography details for IBM Plex Mono and Helvetica Neue.

SebDB maps behaviours to trusted frameworks

Every behaviour connects to recognised frameworks like the NIST CSF, so abstract guidance becomes something teams can measure and act on. The layout makes these mappings scannable, turning a dense taxonomy into a practical reference.

Sitemap diagram for Seb-DB showing homepage, about us, community, and index pages with sub-sections.

Open by design, built for collaboration

SebDB is open and community-driven, so the experience is built around transparency, contribution, and trust. Clear structure and generous spacing keep a large, evolving knowledge base feeling calm and approachable.

Grid of nine panels showing SebDB features like download options, reasoning engine, categories, and NIST CSF mapping.

Turning behaviour data into everyday decisions

The interface surfaces categories, behaviours, and relationships at a glance, helping teams move from insight to action quickly. Information is prioritised so the most useful detail is always one click away.

MacBook on stone steps displaying SebDB website with a colorful 3D cube graphic.
Smartphone screen showing SebDB cybersecurity behavior database with colorful cube and Get Started button.
Smartphone lying on stone surface showing a dark-themed app screen to download SebDB via GitHub or CSV.

A focused, high-contrast design system

A dark, high-contrast visual language and disciplined type hierarchy give the product a serious, technical feel, keeping dense information legible and the experience consistent across every screen.

Laptop on outdoor stone steps showing a dark-themed workflow diagram titled 'How SebDB works'.

A Complete Web Experience Designed to Build Trust and Drive Action

Every page was designed to guide the visitor with purpose, from browsing the behaviour library and framework mappings, to joining the community and contributing new entries. The website doesn't just inform; it builds trust, encourages contribution, and keeps the knowledge base growing.

SebDB website homepage showing cybersecurity behavior database, features, workflow, community, and download options.

A Complete Web Experience Designed to Build Trust and Drive Action

Every page was designed to guide the visitor with purpose, from browsing the behaviour library and framework mappings, to joining the community and contributing new entries. The website doesn't just inform; it builds trust, encourages contribution, and keeps the knowledge base growing.

Collage of SebDB cybersecurity database website pages showing features, community, and usage info.

A Complete Web Experience Designed to Build Trust and Drive Action

Every page was designed to guide the visitor with purpose, from browsing the behaviour library and framework mappings, to joining the community and contributing new entries. The website doesn't just inform; it builds trust, encourages contribution, and keeps the knowledge base growing.

Four dark-themed mobile screens about SebDB community, behaviors, joining perks, and risk reduction process.