Design demo. Every screen here is a static mockup — nothing is connected to a payment system, and no control does anything. Names, balances, account numbers and references are invented for review. The rate shown (¥1 ≈ ₵1.76) is illustrative, not quoted.

Interface design · MVP scope

A payments corridor between Ghana and China

Four settlement paths, two regulatory regimes and three surfaces — a smartphone wallet, a feature-phone USSD session and an operator console. This is the interface design for all of it, screen by screen.

eCedi · Bank of Ghana CIPS settlement Escrow MoMo & GhIPSS Ghana Card KYC

Open the prototype

Use it, don’t just look at it

These three are clickable. Buttons, rows, the tab bar and the sidebar all navigate, and on a phone the app fills the screen with no browser chrome in the way. Nothing moves money — but the shape of the product is real.

Prefer the annotated version? The pages below show every screen side by side with the reasoning behind it — that is the design review, this is the product.

47Screens designed
4Corridors
3Surfaces
2Currencies

The four corridors

Each one moves money a different way

They share a wallet and an identity, but almost nothing else. A trader settling a container of cocoa and a construction worker’s mother sending school fees need different screens, different devices and different guarantees.

Design language

Decisions that shaped every screen

Balance

Two figures, never one

Held and available diverge whenever escrow is live. A single balance would be wrong on any day a trade is in flight, so both appear everywhere a balance appears — including inside the USSD session.

Currency

Show the far side

A sender in Accra is thinking in what lands in Guangzhou. Every amount entry shows the converted figure and the rate before the amount is committed, not after.

Failure

Failure gets equal design

Every rejection names its cause, its remedy and whether money moved. On a remittance, a bare “transaction failed” is indistinguishable from a lost ₵858.

Batch

Nothing bulk is atomic

Thirty-eight salary credits succeed or fail independently, so progress is counted and failures retry individually. Retrying the whole batch to fix one is how duplicate salaries happen.

Reference

One reference per transfer

The same identifier appears in the USSD session, the SMS, the app and the receipt. Two channels producing different references for one transfer makes support impossible.

Locale

Built for the network, not the demo

Most users arrive on a mobile connection with variable bandwidth. Screens are typographic rather than image-heavy, and the USSD flow assumes the session may die at any point.

Scope

What this covers, and what it does not

In this demo

Interface design

All 63 screens across the four corridors, including empty, pending, partial and failed states. Layout, typography, colour, terminology and the copy on every control.

Not yet

Anything that moves money

No integrations, no backend, no CIPS or MoMo connectivity, no accounts. Licensing, settlement agreements and compliance sign-off sit outside this design work entirely.

Next

On agreement

Clickable prototype, component library, and the technical architecture behind each corridor — built out once the direction here is signed off.