Lumen — Analytics Platform
A calm, focused analytics dashboard that turns noisy data into clear next steps.
- Client
- Lumen
- Timeline
- 3 months
- Year
- 2024
- Services
- Product Design, Development, Design System
Overview
Scope
- Product redesign
- Design system
- Component library
- Onboarding flow
- Front-end build
Lumen is a product-analytics platform for small SaaS teams. The engine was powerful, but the interface exposed every number at once, and new users churned before their first insight. We redesigned the core experience and shipped a design system so the team could keep shipping without the UI drifting.
The challenge
Lumen's dashboard was a wall of charts with no hierarchy. Activation was low and support tickets were high. And because there was no shared component library, every new feature looked slightly different and took weeks to build.
How we approached it
Audit & hierarchy
We audited every screen, cut the noise, and defined a clear metrics hierarchy anchored on the one question each user actually asks.
Onboarding
We designed a guided first run that gets a new user to their first insight in under a minute, with empty states that teach instead of block.
Design system
We built a tokenised, documented component library in code, so design and engineering finally share one source of truth.
Build & handoff
We implemented the new dashboard and system in React and handed off docs the team still uses to ship new views in days.
The results
The redesign shipped with the new system underneath it. Activation climbed the same week, and the team now builds new views a fraction of the time it used to take.
Activation
Lighthouse score
Faster to build views
They turned a firehose into a story. Activation climbed the week we shipped, and our team ships UI faster than ever.
Have a similar project?
Tell us where you want to go — we'll map the fastest route there.
