All works

Finaco

A finance dashboard that makes spending easy to read.

Client
Finaco
Year
2018
Role
Design, front-end
Stack
  • React
  • HTML
The Finaco dashboard showing a bar chart and account cards at an angle

Finaco helps small businesses keep an eye on their money. Their first dashboard was packed with numbers and nobody read it, so we started again from what people check every morning.

I designed the screens and built the front end in React. The result is a calm layout with one big chart, clear account cards and a few well-chosen figures, which works as well on a phone as on a desk.

The brief

Small business owners open their accounts to answer one question, usually “can I afford this?”. Finaco’s first dashboard answered a hundred other questions first, and people stopped looking at it.

What I built

I started by asking customers what they checked each morning. Most named three things: money in the bank, what is due soon, and how this month compares with last. Those became the layout.

One large bar chart leads the page, with account cards beside it and a short list of upcoming payments. Everything else sits one click away. The front end is React, with plain HTML for the static parts.

On a phone the cards stack under the chart in the same order, so nothing is hidden on the small screen. We tested it with a handful of customers before launch and changed the labels twice based on what they said.

Next project