HackSec Infotech

UI / UX Design · 2024

Lumen Design System

One design system replacing four divergent product UIs across a 90-person product organisation.

Client
Lumen SaaS
Service
UI / UX Design
Year
2024
Stack
Figma · React · Storybook · Style Dictionary

The problem

Four product teams had drifted into four visual languages; every new feature restarted the same arguments about buttons and spacing.

What we did

An audit of 640 existing components collapsed into 74 tokens-driven primitives, delivered simultaneously in Figma and as a published, versioned React package with Storybook docs.

The result

Feature design time dropped by nearly half and accessibility conformance moved from patchy to AA across every product surface.

Four product teams, four design languages, one very tired design lead. The system they built is the first one our engineers actually adopted — because it shipped as code, not a slide deck.

— Sofia Almeida, Head of Product Design, Lumen SaaS
640 → 74Components consolidated
−46%Feature design time
AAWCAG conformance

Similar challenge?

We have solved this shape of problem before.

Tell us where you are stuck. First call is free and you will get a straight technical opinion, not a pitch deck.

  • Free 30-minute discovery call
  • NDA signed before scoping
  • You own all code and accounts