JazzCash: A wallet that stops asking for patience | Tangram Studios
Our work Services Blog About Contact us
Mobile wallet · Pakistan

JazzCash

Millions of people in Pakistan meet digital finance for the first time inside this app. We audited it end to end, then rebuilt the three places it loses people: signing up, arriving home, and finding a service.

Role
UX research
Product design
Scope
Audit · IA
UI · Prototype
Delivered
36 screen prototype
App architecture
Study
iOS app
July 2024
An iPhone on a dark textured surface showing the prototype's welcome screen: One App To Rule Them All
The prototype

Thirty six screens you can actually use.

Everything in this study was tested as a working build, not a picture of one. Sign up, send money, pay a bill, switch to dark mode. It responds the way the shipped app would have to.

Tap inside the phone to move through it.

01 · The problem

The app works. It just asks for patience at every turn.

JazzCash carries real weight in Pakistan. It is the bridge between cash and a bank account for people who have never had one, and most of them are using it on a mid range Android with an unreliable connection.

Nothing in the app is broken in a way that shows up in a bug report. It is worse than that: a pre-filled field to delete, a button that expires while you read, a popup that hides its own last row. Each one is small. Together they teach people that this app is hard.

The first JazzCash screen: a mobile number field and no welcome or sign-in choice
No welcome, no sign-in choice
Account registration with a pre-filled CNIC number that has to be deleted first
A CNIC field you clear before you type
A transaction limits screen explaining Level 0 and Level 1 accounts
Account levels, explained in limits
Deposit money via bank, explained as a five step list beside an embedded video
Five steps and a video to add money
A Service Unavailable dialog with a single Okay button and no back option
A dead end with one button

Captured from the live iOS app during the audit.

02 · How we looked

Four passes over the same app, each one catching what the last missed.

Living in the app finds the friction. Watching someone else use it finds the confusion. A heuristic pass names the cause, and the market shows what people already expect a wallet to do.

01
Auto-ethnography

We used the app as a customer for weeks, on iOS, logging every hesitation rather than every bug.

02
Usability testing

A moderated session on ordinary tasks: open an account, add money, pay a bill. We noted where hands stopped.

03
Heuristic evaluation

Every screen read against established usability principles, so each finding had a named cause and a fix.

04
Competitive analysis

Four local wallets and two international banks, read for the conventions their customers now take for granted.

A wallet earns trust the same way a bank does. By never making you wonder what just happened.
Design principle
03 · Onboarding

The first four screens decide whether there is a fifth.

Signing up meant clearing a pre-filled CNIC, guessing what an MPIN is, and racing a continue button that disabled itself while the code was still arriving. Miss it and the whole flow starts again.

We rebuilt it as four honest steps with a visible position in the sequence, plain language for every term, and a code screen that waits as long as it takes.

Before
Account registration in the current app, with a pre-filled CNIC number and a disabled Next button
Six fields at once, a CNIC number already filled in with someone else's format, and an accessibility control that did nothing.
After
One step of four, stated at the top. Empty fields, real hint text, and the terms where you can read them before agreeing.
Before
Account verification asking for a mother's maiden name, with the Next button greyed out
Verification asks a security question with no explanation of why, and greys out the only way forward.
After
The code screen says where the code went, counts down to a resend, and never expires the way out.
04 · The landing page

Everything on offer, and nothing about your money.

The home screen led with services to sell and top picks that rarely fit. What people came for, the balance, what just went out, and what is due, was either absent or a tap away.

We put the account first: balance, the last few transactions, then four actions people actually repeat. Everything else moved behind one honest door called all services.

Before
The current JazzCash home screen: a service grid, top picks and a loyalty banner above a hidden more slider
A balance of zero, eight service tiles, top picks, a loyalty banner, and a more slider so quiet that most people never find it.
After
Balance, then recent activity, then four actions. The rest of the app is one tap away instead of spread across the screen.
Before
The Banking and Finance popup, scrollable with no visual cue, burying its last two features
The banking popup scrolls, but nothing says so. Two features sit permanently below the fold for anyone who does not guess.
After
A full page instead of a popup, grouped by what you are trying to do, with a search field for the service you already know the name of.
05 · Control

Let people shape the app around the four things they do every week.

Customisation existed, sort of. Editing the shortcut grid put pixelated grey add icons on screen and gave no sense of what saving would do. Nobody uses a feature they cannot predict.

We made shortcuts, theme and dark mode explicit, and gave failures a way out. A service that is down now offers an alternative and a route back, rather than one Okay button.

Before
Editing the My JazzCash shortcut grid, with pixelated grey add icons and red remove badges
Add and remove in the same grid, in grey and red, with no count of the four slots being filled.
After
Editing the home services is its own screen: one list, a running count of the seven slots, and a save that says what changed.
Before
A Service Unavailable dialog over the add money sheet, offering only an Okay button
Service unavailable, announced after the attempt, with no warning beforehand and no back button on the screen behind it.
After
A failure names its reason, confirms the money is untouched, and offers both a retry and a way home.
06 · The architecture

Thirty six screens, five sections, one route to each of them.

A wallet grows by accumulation, and the map is where that shows. We drew the whole app, grouped every screen under the intent it serves, and gave each one a single home. The result is a structure the product team can add to without another popup.

The full map. Click any screen inside it to read what the screen is for.
07 · The market

Most of this is already settled elsewhere.

Six apps, read for one thing each. Not to copy them, but to see which conventions a Pakistani wallet customer now arrives already expecting.

Local
NayaPay

No tiles behind the icons. Dropping one layer of decoration makes the whole home screen quieter.

Local
Easypaisa

A carousel of services that admits there are more of them, instead of a slider that hides itself.

Local
SadaPay

Few, large, high contrast actions. Nothing on the home screen is smaller than a thumb.

Local
Zindigi

Recent transactions on the home screen, so the first question a customer has is answered on arrival.

International
Revolut

Widgets and a theme the customer chooses. The app arranges itself around the handful of things each person repeats.

International
Monzo

Onboarding one step at a time, in plain language, with fees and security stated before they are agreed to.

The rules it holds to

Four rules, applied to all thirty six screens.

The prototype has not shipped, so there are no numbers to quote. What it does have is a position on every decision, and these four rules settle the arguments that come next.

01
Never take away the way out

Every screen has a back. No button expires while someone is reading it, and no failure ends in a single Okay.

02
Say it in the words people use

MPIN, Level 0, RAAST. Every term either gets explained where it appears or gets replaced with plain language.

03
The account comes before the catalogue

Balance and recent activity lead the home screen. Services earn their place by being used, not by being new.

04
Nothing hides

If a surface scrolls, it shows it. If a section holds more, it says how much. No feature depends on a guess.

The current JazzCash home screen beside the redesigned home screen from the prototype, under the word Redesigned
The app as it ships today, beside the same screen rebuilt in the prototype.
Next project
Syntax Technologies →
Back to all work

Have something worth building well?

Tell us what you are building. We reply within two working days.

Start a project