Home  /  Work  /

Nord Finance Dashboard

Case study

Nord Finance Dashboard

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.

Start a Similar Project →

Client

Nord Finance

Service

Website & UI/UX design

Deliverables

Dashboard UI, mobile views, component library

Timeline

7 weeks

Nord Finance cash-flow dashboard on desktop with a mobile view

Overview

Numbers that feel calm, not stressful.

01

The brief

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

The approach

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

The result

A clickable Figma prototype and component library the developers used to build the first release, with every screen and state documented.

Nord Finance Dashboard: Overview, invoices and reports screens.

Overview, invoices and reports screens.

Components and mobile

A small, tidy component library keeps every screen consistent, and the mobile view puts the balance first.

Nord Finance Dashboard: Component library: buttons, fields, cards and colour tokens.

Component library: buttons, fields, cards and colour tokens.

Nord Finance cash-flow dashboard on desktop with a mobile view

Desktop dashboard with the matching mobile view.

How it came together

From first call to final files

01

Discovery & sitemap

Goals, users, content and competitors turned into a clear map of every screen.

02

Wireframes

Low-fidelity layouts to agree on content and flow before any styling.

03

UI design & prototype

High-fidelity screens in the Nord palette, linked into a clickable prototype.

04

Handoff

An organised Figma file, component library and notes for a smooth build.

Nord Finance Dashboard: From wireframes to high-fidelity screens.

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

PDF

The service behind this project

Website & UI/UX design

See what's included, how the process runs and the packages available.

Explore the Service →

Keep exploring

More work, by discipline

Like this project? Let's build something people remember.

Tell me about your brand, your goals and your timeline. I'll come back with ideas and a clear plan within two working days.