Case study
A calm, readable web dashboard that helps small businesses see cash in, cash out and runway at a glance, designed in Figma and handed off ready to build.
Client
Nord Finance
Service
Website & UI/UX design
Deliverables
Dashboard UI, mobile views, component library
Timeline
7 weeks
Overview
01
Nord's first users were small business owners who found finance tools confusing. They needed a dashboard that answered "am I okay this month?" in seconds.
02
One overview screen with three key numbers, a single clear cash-flow chart, soft Nordic blues and generous spacing, plus a matching mobile view.
03
A clickable Figma prototype and component library the developers used to build the first release, with every screen and state documented.
Overview, invoices and reports screens.
A small, tidy component library keeps every screen consistent, and the mobile view puts the balance first.
Component library: buttons, fields, cards and colour tokens.
Desktop dashboard with the matching mobile view.
How it came together
01
Goals, users, content and competitors turned into a clear map of every screen.
02
Low-fidelity layouts to agree on content and flow before any styling.
03
High-fidelity screens in the Nord palette, linked into a clickable prototype.
04
An organised Figma file, component library and notes for a smooth build.
From wireframes to high-fidelity screens.
What was delivered
Dashboard UI, 12 screens
Figma
Mobile views, 8 screens
Figma
Clickable prototype
Figma
Component library
Figma
Developer handoff notes
The service behind this project
See what's included, how the process runs and the packages available.
Explore the Service →Keep exploring
Tell me about your brand, your goals and your timeline. I'll come back with ideas and a clear plan within two working days.