Case 01 / FinTech · Mobile app · Shipped

Ten million people, one financial home screen.

Axio merges expense tracking and buy-now-pay-later into a single app. The two halves had been built separately, one of them acquired, and customers were using both without the app ever knowing it. My job was to make spending and borrowing feel like one habit.

Role
Lead Product Designer
Timeline
Jun 2022 – Sep 2023
Tools
Figma, After Effects
Domain
FinTech

What changed

10M+

Downloads on the Play Store

4★

Average rating across those installs

2 → 1

Two mental models folded into one home screen

The problem

Two products, two mental models, one app icon.

The personal finance side of Axio had a loyal base. The buy-now-pay-later side, recently acquired from Walnut, ran on its own disconnected logic, with its own navigation and its own visual language. Customers were using both halves, and the app did not know it.

Anyone who wanted to check their budget and use their credit line in the same session had to context switch as though they had opened two different apps. The brief was not to bolt one product onto the other. It was to build one financial home screen that happened to contain both.

How I knew

Two people, four themes, and every one of them pointed at a decision.

Before any of that I ran sessions with engineering, product and marketing, to find out what the credit logic could and could not be changed to do, what compliance required, and what marketing needed visible on the home screen. That is unglamorous and it is the reason this shipped rather than staying a beautiful file.

Then I ran supervised sessions with existing Axio users to understand how they actually used both halves of the app, and where they got stuck switching between them. Two patterns came up again and again: people wanted to see how a purchase would land on their month before confirming it, and nobody trusted a credit score they could not see the logic behind.

Rohit Arora

28 · Marketing executive

Wants

To use pay later for big purchases without losing track of his monthly budget.

Stuck on

Could not see how a pending repayment would affect his available spending.

Brijesh Sharma

34 · Small business owner

Wants

Credit access without surprise fees, while tracking irregular income closely.

Stuck on

Did not trust the terms, because the app never explained how limits were set.

  1. Theme 01 · Budget visibility

    “Couldn't see how a purchase would affect monthly budget”

    “Wants to use pay later without losing track of spending”

    Show budget impact inline, before the purchase confirms

  2. Theme 02 · Trust in credit logic

    “Didn't trust the terms, felt like a black box”

    “App never explained how credit limits were set”

    Make the limit's logic visible, not just the number

  3. Theme 03 · Context switching friction

    “Budgeting and borrowing felt like two separate apps”

    “No shared navigation between the two halves”

    Treat credit as a feature of your finances, not a destination

  4. Theme 04 · Income volatility

    “Irregular income makes fixed repayment terms feel risky”

    “Wants credit access without surprise fees”

    Surface fees and terms upfront, not after commitment

I grouped what came out of those sessions into an affinity map, sorting individual complaints into themes rather than treating each one as a one-off. Four themes emerged, and each one turned into a specific decision further down this page.

Decision 01

Credit became a feature of your money, not a destination.

I restructured the app around four honest jobs: budget visibility on the home screen, spend tracking inside personal finance, partner offers in the catalogue, and credit grouped on its own. Where two pillars overlapped they cross-linked rather than duplicating screens, so there was only ever one place a thing lived.

The clearest evidence is the home screen itself. Budgeting and credit sit on it together. Before you have activated credit it appears as an invitation beside your expenses rather than as another tab to go and find, and once it is on, your spending and your available limit are the same view.

Why

In supervised sessions with existing users the same thing kept surfacing: people wanted to see how a purchase would land on their month before they confirmed it. That is not a separate destination you navigate to. That is the home screen.

ScreenActionCross-link

Home

  • Permission prompt locked state
  • Grant permission
  • Money manager set budget, view transactions
  • Reminders upcoming bills
  • Catalogue offers

Personal finance

  • Overall stats spend and income this month
  • Recent transactions by merchant and category
  • View income hidden by default

Catalogue

  • Shop and partner offers
  • Categories electronics, fashion
  • Brand collaborations featured listing
  • Claim offer

Credit

  • Pay later, Amazon, loans sibling tabs, one pattern
  • Credit limit available against total
  • Recent purchases instalment breakdown
  • View catalogue
The Axio home screen before credit is activated, showing expense tracking above an invitation to unlock credit.
Before activation. Track your expenses and unlock credit sit side by side on one screen.
The Axio home screen after activation, showing monthly spend, available credit and recent purchases together.
After activation. Monthly spend, available limit and the catalogue in a single view.

Decision 02

Show what a purchase does to your month, before it is confirmed.

Every credit decision point carries its monthly consequence with it. Choosing an amount shows the instalment for each tenure right there on the slider, so the question stops being how much can I borrow and becomes how much do I want to owe every month.

The combined data was the whole advantage of merging the two products, so it had to show up at the moment of the decision rather than in a statement afterwards.

The confirmation screen showing the full EMI plan and downloadable agreement.
The plan restated after transfer, with the agreement and welcome kit downloadable rather than buried three screens deep.

Decision 03

Make the limit's logic visible, not just the number.

The second theme out of research was trust. People did not believe a credit limit they could not see the reasoning behind, and they read unexplained terms as a black box. So the terms moved ahead of commitment instead of arriving after it: no disclosure charges, the ceiling, the tenure options and the absence of hidden fees, all stated on the first screen.

The score itself gets the same treatment. It is shown with the bank statements it was drawn from, so the number has visible working rather than arriving as a verdict.

Why

One interviewee tracked irregular income closely and wanted credit without surprise fees. Another simply did not trust terms the app never explained. Both objections are answered by disclosure, not by design polish.

The loan entry screen listing zero disclosure charges, the maximum amount, tenure options and no hidden charges.
The terms stated before the first question is asked, not after the last one.
The credit score screen showing a score of 750 alongside the bank statement submission.
The score shown with its working, next to the statements it was drawn from.

Decision 04

Test in grey boxes, before any of it looks finished.

I ran task based usability sessions on the low fidelity prototype before visual design started. 80% set up a monthly budget in two to three minutes. 90% added and categorised an expense in about two. 95% called the design easy on the eyes, and 70% came back to the prototype more than once, which is a strong early signal.

The one real flag, 10% hitting checkout errors, traced back to payment processing rather than the flow. A build issue to hand over, not a design problem to keep iterating on.

Ten low fidelity wireframes covering login through bill details.
Ten screens, login through bill details, including both home states depending on whether budgeting permission has been granted. Tested as an interactive prototype so the taps were real, not imagined.

Decision 05

The shipped flow, in the order you meet it.

Terms, identity, employment, documents, score, amount, mandate, money. The same ordering logic throughout: the least frightening question first, nothing sensitive asked before the app has earned it.

The loan entry screen listing charges, the maximum amount and tenure options.
01. The terms, before the first question.
The Aadhaar based KYC verification screen with a security captcha.
02. Identity. Aadhaar, OTP and a captcha, once.
Employment type selection: salaried, self employed, business owner, student or homemaker.
03. Employment, as five plain choices rather than a dropdown.
The document upload screen listing accepted proofs of address and employment.
04. Documents, with the accepted formats named up front.
The credit score screen showing a score of 750 alongside the bank statement submission.
05. The score, shown with the statements it was drawn from.
The loan amount screen with a slider and the monthly instalment for each tenure.
06. The amount, with the instalment attached to it.
The repayment setup screen offering UPI autopay or other options.
07. The repayment mandate, two options, no jargon.
The UPI autopay setup with app selection and UPI ID entry.
08. Autopay expanded, with the app picker inline.
The success screen confirming a purchase of six thousand rupees.
09. Done, with the repayment already arranged.

What I took from it

It is tempting to redesign everything when you are handed the access. The moves that mattered most here were the smallest ones: surfacing budget impact at the exact moment of a credit decision, and leaving alone the screens nobody was confused by. Good research tells you where not to spend your time as much as where to spend it.

Next case study

85% fewer people quit the loan application.

Read it