Redesigning a cybersecurity training platform

Redesigning a cybersecurity training platform

Dune Security, an AI-powered cybersecurity risk mitigation platform, wanted to overhaul product experience that reflected the company's future-facing mission.


I joined the team to lend my expertise in redesigning the end-to-end user experience while simultaneously building out a design system to improve development efficiency.

Dune Security, an AI-powered cybersecurity risk mitigation platform, wanted to overhaul product experience that reflected the company's future-facing mission.


I joined the team to lend my expertise in redesigning the end-to-end user experience while simultaneously building out a design system to improve development efficiency.

Dune Security, an AI-powered cybersecurity risk mitigation platform, wanted to overhaul product experience that reflected the company's future-facing mission.


I joined the team to lend my expertise in redesigning the end-to-end user experience while simultaneously building out a design system to improve development efficiency.

Company
Dune Security

Role
Head of Product Design

Year
2024

Problem

An inconsistent and complex system

While Dune Security had gained some traction in the cybersecurity space, the current user base expressed difficulty in understanding how to use the platform, while the engineering team struggled with scaling the platform with new features due to lack of a design system.

The first iteration of the Dune Security platform lacked in design language and component usage, resulting in a difficult to use platform.

User pain points were significant

User pain points were significant

User pain points were significant

We began by mapping the platform’s architecture, talking to real users (CISOs, employees, internal teams), and benchmarking best-in-class tools (CrowdStrike, Palo Alto Networks).

Key insights

🚨

🚨

73%
73%

of users struggled with understanding alerts

⏱️

⏱️

22%
22%

increase in dev time due to lack of component reuse

👩🏼‍💻

40%
40%

longer onboarding for users than projected

Approach

A coherent design system that scales

Dune Security's product had outgrown its UI. More complex data required visualizations that could be understood quickly and clearly.

The lack of a design system led to:

Fragmented layouts and inconsistent navigation

No reusable components, causing dev slowdowns

Visual clutter eroding trust and usability

We built a modular, WCAG-compliant design system that emphasized:

Consistency across typography, colors, and layouts

Scalable components tailored to cybersecurity needs

Polished visual hierarchy to improve scanning and decision-making

The Dune Security Design System was designed with intuitiveness and scalability at its core.

Solution

Minimal, focused, effective

Minimal, focused, effective

Minimal, focused, effective

We built a modular, WCAG-compliant design system that emphasized:

Consistency across typography, colors, and layouts

Scalable components tailored to cybersecurity needs

Polished visual hierarchy to improve scanning and decision-making

UI Highlights

Risk Radar with quadrant-based clarity

Compliance Dashboards grouped by standards (SOC2, GDPR, HIPAA

Compliance Dashboards grouped by standards (SOC2, GDPR, HIPAA)

Training Modules with status indicators and completion tracking

Try the protoype

The main dashboard provides admins with an overview of their organization's cybersecurity health, identifying the worst factors and actors.

Admins can also navigate to a specific department for a more granular look at their risk insights.

Individual user dashboards offer more detailed insights to better understand the contributing risk factors.

Reviewing Testing Simulations lets users see which types of phishing simulations they're most susceptible to.

Trainings are assigned dynamically utilizing AI to monitor employee risk levels and recommend the most relevant trainings.

Once users have completed a training video, they're asked to provide a short summary, which the AI grades based on how accurate they are.

Admins can adjust the frequency of trainings-per-risk level, as well as the types of training content be distributed.

Admins can create their own teams and deputize other employees, such as department heads, with access.

Implementation

From concept to launch, fast

From concept to launch, fast

From concept to launch, fast

To ensure success, we embedded design ops directly into engineering workflows, syncing weekly with engineers to keep velocity high and feedback loops tight.

Task Management

Linear

Wireframes

Wireframes

mIRO

Design

Design

Figma

Prototyping

Prototyping

Framer

Coding Stack

Coding Stack

Rust

GO

Code Repository

Code Repository

Github

Wireframes

mIRO

Design

Figma

Prototyping

Framer

Coding Stack

Rust

GO

Code Repository

Github

Results

Startup speed meets enterprise security

Addressing user needs through intentional alerts and interactions and developing these within a scalable design system drove our success.

🧠

31%
31%

reduction in test completion times

🚀

17%
17%

reduction in front-end dev time

💰

$6,000,000

seed round funding raised

Takeaways

Design that builds traction

Design that builds traction

This project was more than a redesign — it was a transformation in how Dune Security delivered trust to its customers and velocity to its engineers. I walked away with key lessons in cross-functional alignment, scaling systems with speed, and designing for confidence in critical environments.

What Worked

What worked

Smarter UI through testing

Rapid dev cycles thanks to reusable components

CISO buy-in with polished, data-forward experience

What I'd Improve

What I'd improve

⚠️

Earlier integration of design ops to support scaling

⚠️

Stronger governance post-launch to maintain consistency

Get in touch

Let’s talk. Whether you’re building something new or improving what’s already working, I’d love to hear about it.

Sean Finn
Product Designer

All rights reserved.
©2025