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. Transaction Friction

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

  2. Support Dependency

    Users depended on customer support for basic tasks, indicating gaps in product clarity, self-service design, and in-app guidance.

  3. Fragmented User Base

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

  4. Onboarding & Access Friction

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

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 and bets guided decision-making across the entire product.

Product Decisions

Shaping core journeys through key product decisions

  1. Decision 01

    Transactions without login

    We had to make a tradeoff between security perception and transaction speed. Existing solutions — biometric shortcuts and wallet-based access — still required an authentication step at the point of use. We moved to full transactions without login, making HDFC Bank the first bank in India to offer this. The decision directly addressed users' growing expectation for fast, frictionless payment access — shaped by increasingly seamless experiences across the payments ecosystem.

    Business Intent

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

    Tradeoff

    Convenience vs Security Perception

    Maintaining auth was costing adoption without proportionally protecting trust.

    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)

    Tradeoff

    Feature Activation vs Trust

    Banking onboarding is the wrong moment for aggressive permission requests.

    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

    Tradeoff

    System Complexity vs User Simplicity

    Complexity absorbed by the system, not passed to the user.

    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
    Pre-Login Power mode screen
    Pre-Login / Power
    Pre-Login Simple mode screen
    Pre-login / Simple

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.

  • Colour tokens — primary and semantic palette

    Atom / Colours — Light

  • Colour tokens — extended palette

    Atom / Colours — Dark

  • Button variants — primary states

    Molecule / Button — Master Component

  • Button variants — secondary and ghost states

    Molecule / Button — Variants

  • Button variants — icon and size variations

    Molecule / Button — Redlines

  • Date picker organism

    Organism / Date Picker

  • Full component library list

    List of Components

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

46 Participants
Tier 1, 2 & 3 Cities
Scenario-based Onboarding · Payments · Statements
Existing + New HDFC users

Findings & Design Implications

  • Onboarding terminology confused users

    System-driven labels in early registration steps caused hesitation and errors.

    Language rewritten in plain terms before launch

  • Users gravitated toward lower-friction auth

    Strong preference for OTP over more secure but slower verification methods.

    Validated the case for pre-login transactions

  • Money transfer entry points were unclear

    Users could complete transfers but struggled to find the starting point.

    Entry point surfaced more prominently in the dashboard hierarchy

  • Decision-heavy flows caused hesitation

    Too many options with unclear labels slowed low-confidence users significantly.

    Option count reduced; labels rewritten before launch

  • Statement flows performed strongly

    High task success — the design aligned well with user expectations.

    Design retained with no major changes

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.

Quantitative Outcomes

  • 100%

    Successful navigation of the onboarding flow after simplifying key steps — demonstrating low friction in a previously high-drop-off activation journey.

  • ~97%

    Completion rate on money transfer tasks, validating the unified payment component and improved discoverability of core transaction flows.

  • ~82%

    Statement task success without assistance — significant given the previous app had no statement feature at all. Users were previously calling support for this.

Qualitative Outcomes

  • Users completed key journeys independently

    Real reduction in support dependency — users who previously needed assistance were completing banking tasks on their own.

  • Improved discoverability of critical features

    Clearer entry points and better information hierarchy increased visibility of transactions, statements, and filters.

  • Reduced cognitive load across journeys

    Eliminating redundant steps and unclear labels improved user confidence and reduced hesitation in onboarding, payments, and account management.

  • Deeper product insights beyond UI

    Testing surfaced insights around trust, security perception, and transaction behaviour that shaped broader product thinking beyond the redesign itself.

Final Designs

Validated design solutions ready for scale

  • Final design screen 1
  • Final design screen 2
  • Final design screen 3
  • Final design screen 4
  • Final design screen 5
  • Final design screen 6
  • Final design screen 7
  • Final design screen 8
  • Final design screen 9
  • Final design screen 10
  • Final design screen 11
  • Final design screen 12

Dashboard Prototype

Registration Prototype