How might we make BHIM the UPI app India chooses, not the one it was given?

I led the revamp of India's own UPI app, setting the four principles the product now runs on and shipping Split Expenses, Spends Analysis, and Family Mode.

BHIM UPI app split expenses and spends dashboard screens
000

Project Overview

Mobile app revamp · 4 months

The Client

UPI changed how India moves money, and it is now the rails almost every Indian payment runs on. BHIM is the app NPCI built to demonstrate those rails, and despite carrying the government's endorsement it held a very small share of the transactions running through them.

The Business Challenge

The brief was to close that gap, not by out-featuring the private wallets but by making BHIM the app that works for the widest possible set of Indians, including the ones the private players had quietly stopped designing for.

The Engagement

Design Lead, running a team of two senior product designers and two product designers, engaged directly by NPCI's BHIM product and leadership teams.

My Role

Design Leadership, Team Management, Design Strategy, Workshop Facilitation, Product Strategy, Accessibility Standards, Stakeholder & Project Management

001

Research

NPCI's research, qualitative and quantitative, came to us with the brief. Nobody had read it from the design side, so I took the team through it. Three findings came out, all about how the two ends of the audience, children on a first account and elders on their last, read a payment screen.

  1. 01

    Speak my language

    Fintech vocabulary lost people. Words the industry treats as neutral read as a sign the screen was not written for them, so plain language became a hard constraint on every line of copy.

  2. 02

    I need to know exactly where to click

    A good-looking screen told people nothing about where to start, and this held at every age. Primary actions had to be obvious rather than tasteful, so restraint was the first thing we gave up.

  3. 03

    Tell me what I'm getting into

    People wanted to know what a feature did before they would try it, even one they had used elsewhere. Nothing we built could rely on being recognised.

002

Key Problems

The findings described one app: legible only to people who already knew their way around it. Set against what BHIM did and did not do, they became three problems. None was a missing feature, which is why more features would not have fixed it.

  1. 01

    Nothing To Come Back For

    BHIM moved money and then said nothing about it. No view of where it went, no sense of a month, so there was no reason to open the app on a day you were not paying someone.

  2. 02

    Built For The Confident Middle

    All three findings pointed the same way: the app assumed a fluent user. Everyone either side of that, first-timers and older users, fell out of journeys, and the data showed it only as drop-off.

  3. 03

    No Shared Definition Of Good

    Design, product, engineering and marketing each held a different idea of what BHIM was for. Every decision was argued from scratch, so the app drifted feature by feature.

003

The Opportunity

How might we make BHIM worth opening when no one is being paid, and legible to every kind of Indian?

004

Setting The Principles

I built the framework off the client's research, ran the team through it, then facilitated the leadership session. Four principles came out and held for the rest of the engagement.

  1. For every kind of Indian

    Whatever their background, the app has to work for them. This is what kept us solving for the widest user base rather than the easiest one.

  2. My money is personal to me

    Everyone handles money differently, so the app should not sound the same to everyone. This is what made tone of voice a design decision.

  3. Trust builds us

    Every action has to feel safe and give the trust back. This is what made transparency a requirement rather than a nicety.

  4. As obvious as possible

    Clarity over minimal UI. Designing for a whole nation, obvious beats elegant, and this is the one we cited most often.

005

Execution

Three foundations, then five propositions built on them. I led the team across all eight and took each through leadership review.

01

Designing To AAA

AA is where most consumer apps stop, and at AA a screen can still fail the people we were furthest from. We held AAA at component level rather than screen level: the chip, the row, the sheet and the field each fixed for contrast, touch area and type floor before any layout used them. Targets went to 42px because Fitts's Law makes a small target a slow one, and slow is where an unconfident user stops.

7:1 for every text element. AA stops at 4.5:1, and the gap between them is the people it lets through.

42px minimum touch area against the 24px platform default, which reshaped every dense screen we inherited.

A 12-16px floor, so a crowded screen gets cut rather than shrunk.

One label across 15+ scripts, sized so none of them truncates.

02

A System Built For India

BHIM stands for Bharat Interface for Money and had never looked like it, so the system took the mark's own colours: saffron acts, green confirms. Every component was drawn once and specified in both treatments, and no icon ships without its label, which is recognition rather than recall doing the work for someone who cannot afford to guess. One component set, two contexts, nothing to relearn between them.

The mark's own two colours doing the app's two jobs: saffron acts, green confirms.

Every component specified in both treatments at once, rather than a dark mode derived later.

The home grid's unit: a mark in a chip with the label always under it, never a mark alone.

Trust stated on the screen as a component, not left to the campaign to claim.

03

Copy And Affordances

Copy was designed rather than written last, because the first research finding was about language. Labels are a verb and its object in the plainest words available, which is Nielsen's match between the system and the real world, and each screen carries one filled action so the next step is unmissable, which is the isolation effect. Labels wrap rather than truncate, since truncation tells someone the screen was not written for them.

A label wraps in full rather than truncating. Truncation is how a screen tells someone it was not written for them.

One filled action per screen, and everything else visibly not it.

The position stated where the decision is made, not one screen later.

Plain words first, because the label has to survive translation into 15 scripts and still read as a verb.

04

Split Expenses

Settling a shared bill without leaving the app was the proposition NPCI most wanted. We covered both cases people actually have, a spend made inside BHIM and one made anywhere else, and put the running position on every screen so a user sees what they owe before they commit, which is visibility of system status doing the reassuring. Testing went mostly on the settlement moment, where the app has to be unambiguous about money changing hands.

Annotated Split Expenses flow, from landing page to settlement
05

Spends Analysis

A real-time view of spending by category, with a monthly trend and a budget the user sets, which answers the first problem: a reason to open BHIM when nobody is being paid. The first screen is deliberately plain, one number and five categories, because density reads as complexity to the users we were furthest from, and the cognitive load of that screen decides whether they carry on. Everything else sits a level down.

Spends Analysis dashboard in light and dark treatments
06

The Home Experience

The home screen took more iterations than anything else we drew, through two changes of leadership. I led the strategy as much as the layout: what earns a place above the fold, what a first-time user has to find, and how the family and personal contexts sit side by side without either being buried. Every extra option at the top costs time to choose, which is Hick's Law, so the bar was set by the least confident user.

Home experience across personal and family contexts, light and dark
07

Family Mode

A household is the unit money is actually managed in, and no UPI app was built for one. A primary member onboards the family, sees the shared position in one view, and assigns a bill to the person who should be paying it. Family is a context the same components hold rather than a second app: Tesler's Law says the complexity has to live somewhere, and it belongs in the system rather than in a user learning a second interface.

Family is a context the same components hold, switched at the top of home, and every screen says which one you are in.

The primary member onboards the household and holds the permissions.

A bill sits with the person who should be paying it, rather than with the household in general.

One consolidated position across the household, on the screen where it is acted on.

08

Notification Framework

Splitting a bill means talking to people who may not have the app, may not use UPI, and may not be in the sender's contacts. We mapped every combination to a defined channel, message and call to action, with the failure cases written down rather than found in production. That is error prevention moved out to the app's outbound edge, and it shipped as a document product and engineering still extend for each new feature.

Notification decision framework mapping conditions to channel, content, and CTA
006

How It Landed

The work shipped as BHIM 3.0. These are posts from the launch: NPCI's own announcement, a user walking through the new features, and the first BHIM brand campaign.

NPCI BHIM's own post announcing the unveiling of BHIM 3.0
A user's post walking through BHIM 3.0's new features, including Family Mode and Split an Expense
The first BHIM brand campaign, a tribute to UPI, posted at launch
007

Impact

  1. 01

    Four design principles adopted beyond design, now the reference product and marketing work from.

  2. 02

    Split Expenses, Spends Analysis and Family Mode shipped to a live base of over three crore Indians.

  3. 03

    A rebuilt home experience that gives first-time and older users a legible entry point, at AAA.

  4. 04

    A notification framework the client keeps extending, taking a class of decisions off the backlog.

008

Key Learnings

  1. 01

    Never ask a room to invent and decide at once. Shape the options with your team first, pressure-test them, then give the leadership session the choice and nothing else. Ours landed in one sitting because of it.

  2. 02

    Set the accessibility floor before the layout. Fix contrast, touch area and type size first, and let the design be what gives. Every AAA constraint pushed us towards the users we were furthest from, so the standard did the strategy's work for us.