Adlumin Design System

Standardizing a fragmented cybersecurity platform into a scalable enterprise application

Overview

When I joined Adlumin, the product was a collection of disconnected cybersecurity tools with no unified design standards. The experience was inconsistent, slowed pattern recognition, and created friction across workflows.

I was tasked with designing and implementing a centralized design system to standardize the platform and transform it into a cohesive, scalable web application.

In parallel, I established a comprehensive documentation and workflow framework to align design, product, and engineering—ensuring the system could scale efficiently from concept to production.

System Transformation

The platform evolved from fragmented tools into a unified design system with reusable components and consistent interaction patterns. It also enabled the introduction of a mobile experience, extending the platform beyond desktop for the first time.

Desktop: Before Fragmented Experience

Problem

• Disjointed UI across independently built tools

• No shared design standards or reusable components

• Inconsistent interactions slowed usability

• Limited scalability for product growth

Information Architecture Redesign

The original platform lacked a cohesive structure, making it difficult for users to navigate across fragmented tools and deeply nested workflows.

I redesigned the information architecture to align with the mental models of key user groups, including SOC analysts and IT administrators managing multi-site environments such as school districts.

Through user interviews and workflow analysis, I restructured navigation, surfaced critical workflows to reduce depth, and introduced clear wayfinding patterns—such as breadcrumbs and a centralized dashboard homepage.

This shift moved the platform from a tool-based structure to a workflow-driven experience, enabling users to operate more efficiently in complex, data-heavy environments.

Approach

I led the creation of the Adlumin Design System, built on Material Design for Bootstrap (MDB) to establish a single source of truth for design and development.

• Standardized UI components and interaction patterns

• Re-architected the platform into a unified application

• Enabled engineers to reuse production-ready MDB components

• Partnered across product and engineering teams

To operationalize the system, I also introduced a documentation and workflow framework that:

• Defined end-to-end UX workflows from feature request → production

• Standardized design → engineering handoff processes

• Integrated design into the CI/CD lifecycle

• Established a shared Definition of Done for release readiness

• Enabled continuous improvement through retrospectives

System Design