Case Study

Ledgerly

A sleek fintech platform that takes the anxiety out of money — simple payments, honest spending insights, and budgets that bend without breaking.

ROLE: Frontend Build
TIMELINE: 10 weeks
STACK: React · Redux
STATUS: Live in production

Engineer monitoring Ledgerly payment flows across multiple screens

Overview

Money apps usually fail on trust: cluttered numbers, surprise fees, charts nobody understands. Ledgerly’s founders wanted the opposite — an app that reads like a calm conversation about your cash, not a spreadsheet shouting at you.

I built the entire client experience: onboarding that explains itself, a payments flow that takes seconds, and spending views that answer “where did it go?” at a glance. Every number is tappable, every chart has a plain-language summary.

What’s included

Peer-to-peer payments with instant confirmation states
Automatic categorization with human-readable summaries
Flexible budgets with gentle over-limit nudges
Biometric login and per-device session control

Process

How it came together

01 — TRUST

Design for confidence

Every screen was reviewed against one test: could a nervous first-time user explain what just happened with their money? If not, it was redesigned.

02 — STATE

Model money carefully

Balances, pending payments, and holds each got explicit states with loading, empty, and error variants — no silent spinners anywhere.

03 — PROVE

Test with real stakes

Usability rounds used participants’ own budgets. Watching real people send real-feeling money caught edge cases no script ever would.

Close-up of hands entering figures during Ledgerly testing

The Ledgerly team reviewing budget insights on a laptop

Under the hood

Serious state, smooth UI

React with Redux for predictable money state, TypeScript for safety around every cent, and exhaustive component tests. The full source is available to serious collaborators — just ask.

React Redux TypeScript Git

Request the source