Redesigning the Mobile Banking Experience for India's No.1 Bank

  • Fintech
  • B2C
  • India
  • Shipped

The Team & My Role

Led end-to-end design for the project, managing a multidisciplinary team and collaborating closely with cross-functional stakeholders across the organization

Internal

Role
Lead Designer
Design Team
5 Product Designers
Motion & Illustration
On-demand specialists
Project Manager
Delivery & Coordination

Client

Product Team
Requirements & Prioritisation
Engineering Team
Feasibility & Implementation
Experience Design Team
Alignment & Collaboration
C-Suite
Workshops & Strategic Direction

The Challenge

Bridging the gap between digital capability and modern user expectations for 12 crore users

HDFC Bank has long been a digitally progressive institution, but its mobile experience had not kept pace with evolving user expectations and advancements in the ecosystem. Key journeys presented opportunities to reduce friction, improve accessibility, and create a more cohesive, modern experience.

  • "Fragmented user base. We need to bring bank branch users and net-banking users to the mobile app. Only 50% of HDFC Bank users use the mobile app"
    — Chief Digital Officer
  • "There's too much friction when it comes to making transactions. Core payment functionality like recurring payments and UPI are missing"
    — Product Team representative
  • "Users are highly dependent on the Customer Support Team, overwhelming the support function. We need the app to be self sufficient, and more user friendly"
    — Customer Support Team representative

Research & Discovery

Direct user access was limited, so we triangulated insights through stakeholder interviews, workshopping, and competitive benchmarking.

  • Stakeholder interviews across customer support, product, engineering, and branch operations
  • Workshops with leadership to align on vision and principles
  • Strategic benchmarking (best-in-class products like Airbnb, Uber)
  • Tactical benchmarking (banks, fintech apps, neo-banks)

Insights

Key product and experience gaps impacting adoption

  1. 01

    High-frequency actions like payments were not optimized for speed or accessibility, increasing reliance on alternative apps.

  2. 02

    Users depended on customer support for basic tasks, indicating gaps in product clarity and self-sufficiency.

  3. 03

    User segments were fragmented across channels (branch, NetBanking, mobile), limiting adoption of the app as a primary interface.

  4. 04

    Discovery of new and existing products was limited within the app, suppressing cross-sell and engagement.

  5. 05

    Onboarding and access flows introduced uncertainty, causing drop-offs before users experienced value.

  6. 06

    The existing design language lacked consistency and modern appeal, impacting trust and competitiveness with fintech products.

  7. 07

    There was a gap between HDFC's digital capabilities and how effectively those capabilities were surfaced to users.

  8. 08

    Poor UX copy and a lack of strong brand voice led to many errors and confusion.

Constraints & Guardrails

Balancing usability with compliance, trust, and system realities

  • Regulatory Compliance

    Key flows like onboarding, authentication, and data access had to meet strict regulatory requirements, limiting how much friction could be removed.

  • Security & Trust Sensitivity

    Users were cautious about sharing personal and financial information, requiring clearer communication rather than reducing safeguards.

  • Existing Mental Models

    Users relied on familiar banking patterns, making it important to align new interactions with established expectations.

  • System-Driven Dependencies

    Backend processes such as customer data fetching and device binding constrained how certain flows could be simplified.

  • Diverse User Base

    The experience needed to work across varying levels of digital literacy, requiring clarity, guidance, and reduced cognitive load.

Process Artefacts

Supporting research and exploration

  • Competitive benchmarking matrix

    Competitive Benchmarking

  • Discovery workshop notes

    Discovery Workshops

  • Information architecture diagram

    Information Architecture

Users

Designing for a diverse and fragmented user base

Through stakeholder interviews and internal research, we identified distinct user behaviors and needs across HDFC's customer base. These patterns helped us simplify complexity into clear user segments that directly informed key product decisions.

  • Digitally Active

    Comfortable with fast payments and expect minimal friction

    Enabled fast-access features like pre-login UPI and reduced interaction steps.

  • Low-Confidence / Assisted

    Depend on support and need clarity in flows

    Shaped guided onboarding, contextual help, and transparent permission flows.

  • Existing but Inactive

    Already bank customers but not mobile users

    Influenced multiple registration methods and inclusive access.

Strategy

Defining product bets and design principles to guide the experience

The research revealed systemic gaps across onboarding, access, and core journeys. We translated these into a set of product-level bets and guiding principles to improve activation, engagement, and long-term adoption.

Product Bets

  • Reduce friction at entry

    Improve onboarding completion and activation

  • Enable self-sufficient usage

    Reduce dependency on support

  • Unlock existing user base

    Increase activation without new acquisition

  • Increase frequency of use

    Drive engagement through faster access

  • Establish a scalable design foundation

    Improve consistency and long-term usability

Design Principles

  • Deep Empathy

    Design with a clear understanding of user context, constraints, and behavior — especially in high-stakes financial interactions.

  • Progressive Inclusivity

    Create experiences that work across varying levels of digital familiarity, access, and confidence.

  • Positive Surprise

    Introduce moments of delight within functional flows to make the experience feel engaging and human.

  • Evolve & Adapt

    Continuously evolve patterns and interactions to meet changing user expectations and technological advancements.

  • Simplicity

    Prioritize clarity and ease of use, reducing complexity in critical journeys to enable faster, more confident actions.

These principles guided decision-making across the entire product.

Key Product Decisions

Shaping core journeys through key product decisions

  1. Decision 01

    Transactions without login

    We had to make a trade-off between security and ease of use. Existing solutions — wallets and biometric login — still required authentication. We went ahead with full transactions without logging in. HDFC Bank became the first bank to introduce this, greatly strengthening its value proposition against GPay and other UPI apps.

    Business Intent

    • Transactions per User (TPU)
    • DAU / MAU Stickiness Ratio
    • Time to First Transaction (TTFT)
    Transactions without login screen

  2. Decision 02

    Thoughtful permissions

    Permissions were system-driven interruptions with no context, causing hesitation in a high-trust environment like banking. Users felt a loss of control. We reframed permissions as transparent, user-driven decisions — balancing critical requirements with trust and choice.

    Business Intent

    • Permission Acceptance Rate
    • Permission Step Drop-off Rate
    • Feature Activation Rate (UPI, Contacts)
    Thoughtful permissions screen

  3. Decision 03

    Multiple verification methods

    Registration relied on fixed credential-based flows. When required information wasn't available, users dropped off and abandoned entirely. We introduced a flexible approach letting users choose their easiest path and recover from errors without exiting the flow.

    Business Intent

    • Registration Completion Rate
    • Mid-Funnel Drop-off Rate
    • Account Activation Rate
    Multiple verification methods screen

  4. Decision 04

    Inclusion of legacy users

    A large portion of existing customers used NetBanking, credit cards, or branch services — with no seamless path into the app. We unified entry points so existing users could transition without additional friction.

    Business Intent

    • Activation Rate (Existing Customers)
    • Customer Acquisition Cost (CAC)
    • Products per User (Cross-sell Rate)
    Inclusion of legacy users screen

  5. Decision 05

    Adapting to different user needs

    A single interface couldn't serve both confident and low-confidence users effectively. We introduced Simple and Power versions of the pre-login experience — letting users choose during registration with the flexibility to switch later. Same product, two levels of complexity.

    Business Intent

    • Feature Engagement Rate (Segment-wise)
    • Sessions per User
    • User Retention D/D
    Simple mode pre-login screen Power mode pre-login screen

Design System

Building a scalable foundation for consistency and speed

We built an atomic design system from the ground up — covering tokens, components, and interaction states — to ensure every screen felt cohesive and could be built faster across the team.

The system reduced design time by 50% and is now in use across multiple HDFC Bank products beyond the mobile app.

Testing & Validation

Validating usability across real-world scenarios

We conducted scenario-based usability testing to evaluate how effectively users could complete key banking tasks across onboarding, transactions, and account management. The study focused on identifying friction in critical journeys, validating core design decisions, and uncovering gaps in user understanding that could impact activation and long-term engagement.

Study Setup

Testing across 46 users to evaluate real-world task success and usability

We tested with users across Tier 1, 2, and 3 cities, including both existing and new HDFC users to capture diverse mental models.

Evaluation focused on task success, time to complete flows, ease of navigation, and user confidence.

Scenarios were designed around real banking actions such as onboarding, payments, and statements—ensuring insights reflected actual usage rather than guided behaviour.

Key Insights

Identifying critical gaps in onboarding, trust, and feature discoverability

Testing revealed strong usability in familiar, structured flows, but highlighted key gaps impacting conversion and trust:

  • Onboarding clarity issues

    Users struggled with system-driven terminology and unclear messaging in early steps.

  • Convenience over security behaviour

    Users preferred low-effort options like OTP, indicating friction in more secure methods.

  • Discoverability gaps in key actions

    While primary actions were intuitive, flows like money transfer lacked clear entry points.

  • Cognitive overload in decision-heavy flows

    Multiple options and unclear labels increased hesitation, especially for low-confidence users.

  • Strong performance in structured journeys

    Flows like account statements aligned well with user expectations and showed high task success.

Validation

Clarifying what works at scale and what limits adoption

The study helped distinguish between:

  • What works well at scale:

    Clear hierarchy, familiar patterns, and high-frequency actions supported strong usability.

  • What limits adoption:

    Gaps in onboarding clarity, decision overload, and feature discoverability created friction in critical journeys.

These findings directly informed decisions to simplify flows, improve clarity, and better align the experience with user expectations.

Process Artefacts

  • Offline usability testing session setup

    Offline Usability Testing Setup

  • Usability testing report document

    Usability Testing Report

  • Charts and data visualisation from report

    Charts from Report

Impact

Driving activation, transaction success, and feature adoption across core journeys

The redesign focused on improving usability across onboarding, transactions, and account management—directly influencing activation, task completion, and adoption of key financial actions. By addressing gaps in clarity, trust, and discoverability, the experience was made more intuitive, scalable, and aligned with user behaviour.

Social Proof

External validation from users, industry peers, and market adoption

The redesigned experience was not only validated through usability testing but also received strong positive signals from users and industry professionals. Feedback highlighted improvements in clarity, usability, and overall product direction—reinforcing the impact of the design decisions at scale.

Final Designs

Validated design solutions ready for scale

Registration Prototype

Dashboard Prototype