Axis Bank UPI Onboarding Cover

White-Label UPI Payment App

Send Money Flow Design

Designing a scalable UPI payment solution for multiple banks. Streamlined the send money experience, introduced voice search, and built India's first UPI Circle feature—reducing transaction time by 49% and increasing daily active users to 62%.

Product Type

White-Label Solution

My Role

UI/UX Designer (Send Money Flow)

Status

Live • UPI Circle In Dev

Key Metric

23s Avg Transaction

The Context

India's UPI ecosystem processes billions of transactions monthly, yet users consistently complained about repetitive contact searches, unclear account selection, and manual typing errors. Banks needed a white-label solution that could be deployed quickly while maintaining high design quality.

The challenge: Create a payment app that works for both Axis Bank (launched) and other banking partners, serving users from metro cities to Tier-2/3 towns with varying tech literacy.

Additionally, we were tasked with implementing UPI Circle—NPCI's new delegated payment feature allowing family members to make payments without sharing PINs.

Problem Statement

User Pain Points

  • 1
    Repetitive Contact Search"I send money to the same 5 people every day. Why do I have to search for them each time?" — Small business owner
  • 2
    Account Ambiguity"I realize only at the end which bank account I'm paying from. That's scary when balances differ." — Working professional
  • 3
    Manual Input Errors"Typing UPI IDs is annoying. One wrong letter and payment fails." — Homemaker
  • 4
    Family Payment Needs"My parents don't have smartphones but they're on my account. I wish they could pay without calling me." — Software engineer

Part 1: Onboarding Experience

Decision 01

Intelligent Dual-SIM Support

Instead of manual number entry, we auto-detect available SIM cards on the device. Users see their numbers with carrier logos (Jio/Airtel) and can select with one tap. This eliminated 98% of phone number input errors and reduced onboarding anxiety.

Dual SIM Selection Screen
Decision 02

Transparent Permission Requests

Users fear SMS permissions due to privacy concerns. We implemented permission priming: explain why before asking. "To verify your OTP automatically and securely fetch your bank accounts" increased grant rates from 45% to 73%.

Notification Permission
SMS Permission
Decision 03

Seamless OTP Auto-Read

When SMS permission is granted, we auto-read and verify OTP in the background. The "Verifying OTP..." loading state with hourglass animation reassures users the app is working for them, not against them.

OTP Verification Loading State
Decision 04

Auto-Fetched Bank Accounts

We query UPI's central mapper to instantly display linked bank accounts. Users see their bank logo, account type, and masked number. "Link Account" is primary; "Add New Account" is secondary—guiding 90% to complete in one tap.

Bank Account Selection
UPI PIN Setup

Part 2: Send Money Flow

Decision 05

The "Quick Send" Widget

Users send money to the same people daily. We created a "Quick Send" section on the home screen showing the 5 most frequent contacts with profile photos. This feature alone reduced time-to-transaction by 8 seconds and now handles 40% of all transactions.

Home Screen with Quick Send
Decision 06

Voice-Powered Search

Typing UPI IDs causes errors. For accessibility and convenience (especially popular with 40+ users), we added prominent voice search. Users can say "gunalm@okaxis" instead of typing—eliminating spelling mistakes and enabling hands-free operation.

Send Money Search Screen
Search Results with Voice Input
Decision 07

Always-Visible Source Account

The #1 complaint: "I didn't know which account I was paying from!" We placed "Paying From" card directly below the amount input, showing bank logo, name, and last 4 digits. "Check Balance" button is right there. This transparency reduced "wrong account" support calls by 40%.

Amount Entry with Account Display
Decision 08

Celebrate Every Transaction

Instead of a boring checkmark, we added "You earned 50 SuperCoins!" with scratch card gamification. Users get transaction details, download/share receipt options, and a clear "Take To Home" button. 85% return to home within 3 seconds—quick and satisfying.

Payment Success Screen

Impact & Results

The white-label UPI app launched with Axis Bank and demonstrated measurable improvements across onboarding, engagement, and transaction efficiency. The design system enables rapid deployment for additional banking partners.

User Testimonials

"This is the easiest UPI app I've used. Everything is just... there. No searching through menus."

— 34-year-old entrepreneur

49%
Faster Transactions

From 45 seconds to 23 seconds average

62%
Daily Active Users

Above 50% category average

73%
Permission Grant Rate

Up from 45% industry average

40%
Quick Send Adoption

Transactions initiated from home widget

82/100
SUS Score (Excellent)

User satisfaction rating

Business Impact

  • 43% increase in UPI transaction volume within 3 months (Axis Bank deployment)
  • 32% reduction in support calls due to clearer UI
  • 2-week deployment time per new bank partner
  • 80% code reuse across white-label implementations

Thank You for Reading

Based on our word-count algorithm, you've invested approximately 0 minutes exploring this case study.

Want to discuss this project? Let's connect!