A personal finance app that helps users manage their wallet — track expenses, transfer money, and manage cards in one clean interface.
Every visual decision in Mallet flows from a single source of truth — a compact but complete design system built before any hi-fi work began. It keeps the product coherent across flows and communicates trust at every touchpoint.
A geometric grotesque with humanist corrections — TT Commons reads clearly at caption size while holding authority at display size. The three-weight system (Light, Regular, Bold) enforces strict hierarchy without reaching for extra weights.
TT Commons was chosen over system alternatives for its precise optical corrections at small sizes and its sturdy tabular figures — critical for financial contexts where numbers must align and be read at a glance.
Type tokens feed directly into a component library ensuring no ad-hoc size decisions reach production.
Research front-loaded to validate the problem before committing design hours. Iteration concentrated in weeks 3–5 when wireframes and hi-fi ran in parallel.
Users struggle to track spending across multiple accounts and cards. No single tool provides a clear, actionable financial overview — people jump between banking apps, spreadsheets, and memory.
Mallet consolidates this into a single coherent system: one home screen, one transfer flow, one history view. The design goal was not to add features — it was to remove friction.
Users don't need more data. They need fewer decisions to make with the data they already have.
— Design principle, Mallet v1Mapping the full user journey before drawing a single screen prevents dead ends. The Mallet flow covers five core branches — auth, onboarding, home, transfer, and history — each designed to complete in minimal steps.
Lo-fi wireframes validate layout logic and navigation hierarchy before any visual decisions are made. Each screen has one job. Sketching on paper first surfaces structural problems that are cheap to fix — before pixels commit them.
The design system applied. Every screen inherits from the same colour tokens and type scale — so visual consistency is structural, not manual.
All cards, balances, and transactions visible in one clean home screen — no switching between apps.
Contact → amount → currency → purpose. Four steps, no dead ends, one confirmation. Completed in under 30 seconds.
Filter by date, category, and amount — giving users full control of their financial records without spreadsheet overhead.
Most finance apps solve one job — payments, budgeting, or card management. Mallet's key insight was to treat the wallet as an operating system: a single surface that connects all three into one coherent flow.
| Product | Multi-card | Transfers | History / Filters | Unified view | Clean onboarding |
|---|---|---|---|---|---|
| Revolut | ✓ | ✓ | Partial | — | Partial |
| Monzo | Partial | ✓ | ✓ | — | ✓ |
| Wallet (BudgetBakers) | ✓ | — | ✓ | Partial | — |
| Standard banking app | — | ✓ | Partial | — | — |
| Mallet | ✓ | ✓ | ✓ | ✓ | ✓ |
