All projects

A finance dashboard that turns raw transactions into decisions you can read at a glance.

Sector
Fintech
Year
2025
Platform
Web · App
Scope
Product strategy, UX & UI design, Data visualization
Ledgerly — cover

Overview

Ledgerly is a personal-finance analytics platform we designed and built on Next.js — accounts, budgets and investments unified into one fast, server-rendered dashboard that updates as money moves.

The challenge

Finance apps either oversimplify into a single balance or overwhelm with spreadsheets. Ledgerly had to make a dense, live dataset feel calm — and load fast enough that checking your money becomes a habit, not a chore.

Our approach

We leaned on Next.js server components to stream the dashboard in layers — balances first, charts as they resolve — and gave every metric one chart language: same scales, same colors, same rhythm. Dark-first UI keeps long sessions easy on the eyes.

What we did

  • Product strategy
  • UX & UI design
  • Data visualization
  • Design system
  • Front-end build

Built with

Next.jsTypeScripttRPCPrismaPostgreSQLRecharts
0.5s
Largest contentful paint
40+
Chart & metric components
<300ms
Live balance sync
AA
WCAG contrast across themes

Selected screens

Ledgerly — Overview dashboard
Ledgerly — Mobile portfolio
Ledgerly — Marketing site
Ledgerly — Markets & watchlists
Ledgerly — Building the design system

Palette

Midnight#0B1220
Frost#EDF2F7
Mint#34D399
Cobalt#2563EB

Next project

36x

36x

A headless commerce storefront on Medusa and Next.js