PRODUCT DESIGN

Northwave

A modular design system and product surface for a fast-growing fintech.

Northwave — design system
ClientNorthwave (Concept)
IndustryFintech
Year2024
Duration10 weeks
RoleDesign System, Product Design, Engineering
ServicesDesign System · Product Design · Engineering
The challenge

A product outgrowing its tools.

Northwave's product had grown from a single dashboard into a multi-surface platform. The design system hadn't grown with it. New features shipped with new components, and the inconsistency was starting to show in conversion and support costs.

Northwave design system documentation
Process

How we approached it.

01

Audit

240 components catalogued, deduplicated, and prioritised.

02

Define

A 40-primitive system, with clear contribution guidelines.

03

Build

React + TypeScript, documented in Storybook.

04

Migrate

Surface-by-surface adoption, no rewrite, no freeze.

Northwave button variants
Northwave card component
Northwave input patterns
Technology
  • React
  • TypeScript
  • Storybook
  • Figma
  • Style Dictionary
Like what you see?

Let's build something.

If you're working on something with this kind of ambition, we'd like to hear about it.

Start a project
Next projectatlas-studio