Designing the users' transaction recap for HDFC Bank's mobile banking app

Designing the users' transaction recap for HDFC Bank's mobile banking app

User Experience Design

redesign

UI DESIGN

PROTOTYPING

DASHBOARD

prototyping

PRoblem identification

USER STUDY

interview

About the project

About the project

About the project

In early 2024, I led the design of a monthly financial recap for HDFC Bank’s mobile app, serving 32M+ users. I translated complex data across transactions, investments, loans, and deposits into a single, story-driven experience using structured epics, prioritized use cases, and the bank’s design system. The prototype was appreciated by the VP, Head of Design, and CDO.

In early 2024, I led the design of a monthly financial recap for HDFC Bank’s mobile app, serving 32M+ users. I translated complex data across transactions, investments, loans, and deposits into a single, story-driven experience using structured epics, prioritized use cases, and the bank’s design system. The prototype was appreciated by the VP, Head of Design, and CDO.

In early 2024, I led the design of a monthly financial recap for HDFC Bank’s mobile app, serving 32M+ users. I translated complex data across transactions, investments, loans, and deposits into a single, story-driven experience using structured epics, prioritized use cases, and the bank’s design system. The prototype was appreciated by the VP, Head of Design, and CDO.

Client:

HDFC Bank

Client:

Services:

Domain

UI/UX Design

Time frame:

Time frame

1-2 months

Client:

Infosys Ltd.

Client:

Time frame:

Time frame

1-2 months

Services:

Domain

UI/UX Design

The final redesigned version of the HDFC Bank's monthly recap

The final redesigned version of the HDFC Bank's monthly recap

The Process

Since this was the first project I took up at HDFC Bank, I had to understand their mobile banking app and how its users navigate through the app. We were working on the revamped version of the app (which released in November 2025). Therefore, I began with a survey and interviewing people to learn more about the banking domain and what people look for while using the app. I sent out the form to users who not only used HDFC Bank's mobile banking app, but also its competitors such as ICICI Bank, Axis Bank and SBI. I synthesized the results and referred to other apps from other domains before building use cases and crafting the prototype

  1. Understanding the domain and client's needs
  1. Cross-industry feature benchmarking
  1. Listening to the users and the business team
  1. Building the epics, use cases and setting priorities
  1. Synthesizing the data
  1. Prototyping with finesse
  1. Understanding the domain and client's needs
  1. Synthesizing the data
  1. Building the epics, use cases and setting priorities
  1. Listening to the users and the business team
  1. Cross-industry feature benchmarking
  1. Prototyping with finesse

I reviewed multiple studies on simplifying financial information. Secondary research has shown that financial recaps and journey-based insights increase users’ likelihood of investing and borrowing by improving clarity and confidence.

Key financial tasks users open the app for

Key financial tasks users open the app for

Primary pain points in financial planning

Primary pain points in financial planning

Key insights included:

People mostly launch their mobile banking apps for money transfers.

Quick transfers, bill payments and account balance are the three biggest activities performed by users on the app

The users wish to learn about their investment growth, total spending breakdown and saving milestones

People mostly launch their mobile banking apps for money transfers.

Quick transfers, bill payments and account balance are the three biggest activities performed by users on the app

The users wish to learn about their investment growth, total spending breakdown and saving milestones

Benchmarking

I analyzed recap experiences across banking and music platforms, including Axis Bank, Paytm, Spotify Wrapped, YouTube Music Recap, and Wynk Rewind. The study focused on how these products use storytelling, bold visual identity, progressive disclosure, and shareable moments to drive engagement. While Axis Bank introduced a recap feature during the project (“Trip Down the Memory Lane”), Paytm’s recap stood out for its clarity and visual creativity, and Spotify Wrapped set the benchmark for anticipation, navigation, and cultural relevance. These patterns informed the structure, pacing, and narrative approach of our solution.

My benchmarking for the prototype

My benchmarking for the prototype

My benchmarking for the prototype

Constructing the use cases

At HDFC Bank, we used a structured Excel framework to define epics, map detailed use cases, and craft user-facing messages. Each use case was prioritized (P0–P2) to guide design focus and establish clear visual hierarchy across the recap journey. This systematic mapping helped translate research insights into a coherent narrative, directly informing the flow, emphasis, and fidelity of the final prototypes.

Mapping Epics to Use Cases and User Messaging

Mapping Epics to Use Cases and User Messaging

Mapping Epics to Use Cases and User Messaging

Hierarchy of users’ priorities on the mobile banking app

Money transfer/ payments
Money transfer/ payments
Amount Balance Check
Amount Balance Check
Investments
Investments
Bonuses
Bonuses
Money transfer/ payments
Investments
Amount Balance Check
Bonuses

To structure the users’ monthly financial recap as a coherent story, I defined clear epics and mapped prioritised use cases under each. These use cases were then translated into specific messages, ranging from insights and trivia to prompts and calls to action, shaping the narrative flow and guiding the overall experience.

  1. Understanding the domain and client's needs
  1. Listening to the users and the business team
  1. Synthesizing the data
  1. Cross-industry feature benchmarking
  1. Building the epics, use cases and setting priorities
  1. Prototyping with finesse

Create a free website with Framer, the website builder loved by startups, designers and agencies.