# One dashboard for security awareness, monitoring and compliance.

> SecureFirst helps Danish companies work systematically with NIS 2, CIS18 and ISO 27001, with awareness training, phishing tests and monitoring of data breaches. We worked on the product design and front-end architecture for the platform.

- URL: https://bon.do/en/work/securefirst
- Client: SecureFirst
- Sector: Cybersecurity and compliance
- Platforms: Web
- Role: Product design
- Outcome: One dashboard from awareness to monitoring to compliance, in use across the platform.
- Tags: SaaS

## Overview

SecureFirst helps Danish companies work systematically with NIS 2, CIS18 and ISO 27001, with awareness training, phishing tests and monitoring of data breaches. We worked on the product design and front-end architecture for the platform.

SecureFirst had a broad security platform and a new NIS 2 supplier risk engine. The product needed a clear information architecture, a dashboard that could carry many modules, and a visual language that felt calm in a high-stakes category.

We worked on the product design and front-end architecture: the navigation model, the dashboard, the compliance and awareness modules, and the design system. The work covers NIS 2, CIS18 and ISO 27001, and it is built to be extended as the platform grows.

A single dashboard that lets a security team move from awareness to monitoring to compliance without losing context. The product design is in use across the platform, and the NIS 2 supplier risk engine is the next module.

## Results

- **One platform:** 3 modules. Compliance, awareness and monitoring.
- **Framework:** NIS 2. Supplier risk, mapped to the regulation.
- **One view:** 1 dashboard. From awareness to compliance without losing context.

## At a glance

- **Client:** SecureFirst
- **Product:** Security and compliance platform
- **Users:** CISOs · security teams · compliance leads
- **Our role:** Product design and front-end
- **Type:** B2B SaaS
- **Stack:** Angular · TypeScript · design system
- **Timeline:** Ongoing product partnership

## What we built

### 01. Information architecture

A navigation model that can hold compliance, awareness and monitoring without turning into a menu of everything.

### 02. Dashboard and modules

The overview, the module patterns and the states a security team needs to act on.

### 03. Design system

Components and rules the team can extend as the platform grows.

## How it ran

### 01. Discover: Map the security work

What a CISO does on a Monday, and what the platform has to make obvious.

### 02. Design: A calmer dashboard

Hierarchy, density and states tested with security people.

### 03. Build: Components, not screens

The design system and the front-end patterns the team can keep using.

### 04. Run: Ready for the next module

The NIS 2 supplier risk engine fits the same model.



## Contact

Bon.do ApS · Rantzausmindevej 228, 5700 Svendborg, Denmark · info@bon.do · https://bon.do/en/contact-us