Northwind (Personal Project)
Atlas Design System
▌ THE PROBLEM
Three product squads were shipping visually inconsistent, inaccessible UI with no shared vocabulary. Every new screen re-litigated spacing, color, and states from scratch.
▌ THE PROCESS
How we got there
Discovery
Interviewed users and mapped the current-state journey to locate the real friction, not the assumed one.
Exploration
Sketched divergent directions, then converged on one testable concept with the team.
Validation
Ran moderated usability sessions and iterated the prototype against what actually broke.
▌ DELIVERABLES
What shipped
- Design tokens
- Component library
- Accessibility audit
- Contribution guide
▌ GALLERY
Selected screens
Colour and spacing tokens, generated from a single source. 
Button, field and card variants with every interaction state. 
Before: the same button drawn six different ways. 
Every pair checked to WCAG AA before it shipped. 
Usage guidance lives next to the component, not in a wiki. 
Rollout tracked per squad over one quarter.
▌ WALKTHROUGH
OPTIONALNext case study →
Confidential (NDA)
Fintech Onboarding Revamp