Capita · Tetiana Prätorius

Photo 01 · square

A woman in a black coat by a moving tram, reading her phone.

Capita home screen: available balance 206,972.00 $, income, spending and investing bars, transactions, Trade and Transfer buttons

Complete finance flows 70+ premium mobile screens Capita

Home screen70+ screens · Figma UI kit

Decision 01 · System hierarchy

A finance app that eliminates unnecessary complexity. Four domains with clear boundaries, one connected system.

Spending Investing Transfers Card management

Decisions in real time. Often under pressure.

The problem

BigBear.ai · +150.76 %Sell, or hold?

Trade actions

Stock page for BigBear.ai: price 5.27 $, a lime line chart and a period switch

Financial tools are fragmented and cognitively demanding, forcing people to switch contexts and decide under pressure.

When people deal with money, especially under stress, clarity matters more than speed. Every extra screen, label or colour is one more thing to think about at the wrong moment.

Decision 02 · Cognitive load reduction

The same decision, without the pressure.

A dark interface with one high-contrast accent guides attention. Primary actions, Send, Trade and Invest, are visually isolated, so nothing important is tapped by accident.

Overview / Category / Detail / Action

Next action Invest 100 $ in BigBear.ai

Focused actions

Decision 04 · Unified financial logic

Every flow, one rhythm.

Key flows · tap a step

Choose, enter, review, confirm. Trades, transfers, top-ups and onboarding share one structure, one number pad and one place for the main button, so learning one flow teaches all of them.

Trade

18 screens

01 ChooseWhat and whereAsset, recipient or payment method first.
02 EnterOne numberA full-screen pad, with what is available above it.
03 ReviewNothing hiddenFees, arrival time and total before anything moves.
04 ConfirmA clear outcomeSuccess or decline, never a spinner that just stops.

See where it went.

Spending & activity

Transaction clarity

You spent 4.89 $ Feb 17 · 14:56

Card payment: Completed
Payment: ****4667
Merchant: Schmitz & Nittenwilm
Total: 4.89 $

Report an issue →

An espresso, then the payment, already explained: merchant, card, time. Spending helps people monitor, understand and act on their money: categories as bars, months as tabs, every merchant one tap deeper.

Spending & activity overview

Category breakdown, focused actions and transaction clarity on one home screen.

4 screens

Home screen next to the spending card and this month’s transactions, with badges: category breakdown, focused actions, transaction clarity

Decision 03 · Action transparency

Trust is built through predictability.

Action transparency

Every high-risk action (transfer, trade, card freeze) ends in one of two clear states. A decline says what happened and what to do next, instead of leaving people to guess.

Confirmation states
Clear status feedback
Visible consequences
A card frozen in three taps

!The payment was declinedIt looks like your card doesn’t have enough funds to deposit $50.00. Please try a smaller amount.

Contact usRetry →

One accent, every state.

Design system

Lime is spent only on the next action and on success. Everything else lives in near-blacks and greys, so the eye always lands on what to do.

Lime#DDF605Primary action, success, selection

Ink#121415Background

Graphite#2A2E30Cards, inputs

Mist#CBD1D4Secondary data

Signal red#FF5B4FDecline, loss

Capita components: colour palette with tints, buttons, inputs, cards and progress bars

The full system is available as a Figma UI kit: 70+ screens, complete finance flows, auto-layout components and text styles.

View on UI8

Designing clarity in finance.

Capita explores how thoughtful product design can make complex financial decisions feel calm.

Money, made calm

CapitaRedesign · UI kit