# Ét dashboard til sikkerhedstræning, overvågning og compliance.

> SecureFirst hjælper danske virksomheder med at arbejde systematisk med NIS 2, CIS18 og ISO 27001, med awareness-træning, phishing-test og overvågning af databrud. Vi arbejdede med produktdesign og front-end-arkitektur til platformen.

- URL: https://bon.do/cases/securefirst
- Client: SecureFirst
- Sector: Cybersikkerhed og compliance
- Platforms: Web
- Role: Produktdesign
- Outcome: Ét dashboard fra awareness til overvågning til compliance, i brug på hele platformen.
- Tags: SaaS

## Overview

SecureFirst hjælper danske virksomheder med at arbejde systematisk med NIS 2, CIS18 og ISO 27001, med awareness-træning, phishing-test og overvågning af databrud. Vi arbejdede med produktdesign og front-end-arkitektur til platformen.

SecureFirst havde en bred sikkerhedsplatform og en ny NIS 2-leverandørrisikomotor. Produktet havde brug for en klar informationsarkitektur, et dashboard der kunne bære mange moduler, og et visuelt sprog, der føltes roligt i en kategori med høj risiko.

Vi arbejdede med produktdesign og front-end-arkitektur: navigationsmodellen, dashboardet, compliance- og awareness-modulerne og designsystemet. Arbejdet dækker NIS 2, CIS18 og ISO 27001 og er bygget til at blive udvidet, efterhånden som platformen vokser.

Et samlet dashboard, der lader et sikkerhedsteam bevæge sig fra awareness til overvågning til compliance uden at miste konteksten. Produktdesignet er i brug på platformen, og NIS 2-leverandørrisikomotoren er det næste modul.

## Results

- **Én platform:** 3 modules. Compliance, awareness og overvågning.
- **Rammework:** NIS 2. Leverandørrisiko, kortlagt til reguleringen.
- **Ét overblik:** 1 dashboard. Fra awareness til compliance uden at miste konteksten.

## At a glance

- **Kunde:** SecureFirst
- **Produkt:** Sikkerheds- og compliance-platform
- **Brugere:** CISO’er · sikkerhedsteams · compliance-ansvarlige
- **Vores rolle:** Produktdesign og front-end
- **Type:** B2B SaaS
- **Teknologi:** Angular · TypeScript · designsystem
- **Tidslinje:** Løbende produktpartnerskab

## What we built

### 01. Informationsarkitektur

En navigationsmodel, der kan rumme compliance, awareness og overvågning uden at blive en menu med alt.

### 02. Dashboard og moduler

Overblikket, modulmønstrene og de tilstande, et sikkerhedsteam skal kunne handle på.

### 03. Designsystem

Komponenter og regler, teamet kan udvide, efterhånden som platformen vokser.

## How it ran

### 01. Afklar: Kortlæg sikkerhedsarbejdet

Hvad en CISO laver om mandagen, og hvad platformen skal gøre indlysende.

### 02. Design: Et roligere dashboard

Hierarki, tæthed og tilstande testet med sikkerhedsfolk.

### 03. Byg: Komponenter, ikke skærme

Designsystemet og front-end-mønstrene, teamet kan fortsætte med.

### 04. Drift: Klar til næste modul

NIS 2-leverandørrisikomotoren passer ind i samme model.



## Contact

Bon.do ApS · Rantzausmindevej 228, 5700 Svendborg, Denmark · info@bon.do · https://bon.do/kontakt