04 · B2B SaaS · Web
North
An analytics platform that did everything and explained nothing. We built a design system and a new information hierarchy so power users could move fast without getting lost.
- Role
- Product Designer
- Year
- 2022
- Field
- B2B SaaS · Web
- Outcome
- 60+ Components systematized
The mess
Years of feature work had left the product with eleven button styles and no shared spacing. Every team shipped its own version of the same control, and users paid for it in confusion.
The fix was structural: one design system, one grid, one hierarchy that put the answer before the controls.
From sketch to system
We started on paper, fast and disposable, before committing anything to Figma. Sketching kept the team arguing about structure instead of pixels.
Each pattern earned its place by appearing in at least three real screens before it entered the library.
The new dashboard: headline metric first, the dense table earned its way below.
60+
Components
11→1
Button styles
8pt
Grid, everywhere
What changed
Time to first insight dropped 31%, and shipping new screens went from a debate to an assembly job. The system is now maintained by the whole product org, not one designer.