Vinit
Back To Portfolio

HDFC Bank App Redesign

HDFC Bank is a top bank in India, known for its innovation and customer service. It has a large branch network and offers digital banking solutions to meet the evolving needs of its customers.

Project Details

My Role UX Designer
Duration 1 Week
Year

2024

About HDFC

HDFC Ltd was founded in 1977, when the Late Shri. HT Parekh, Founder and Chairman of HDFC Ltd, dreamt of millions of middle-class citizens of India owning a home and not having to wait till their retirement. Pioneering India’s housing finance industry, the late Shri. Parekh, a Padma Bhushan recipient, built HDFC Ltd on a strong foundation of integrity, transparency, and professionalism.

Taking the legacy further Mr. Deepak Parekh, Chairman HDFC Ltd. and a Padma Bhushan awardee, not only made HDFC the leader in Mortgages, but also transformed it into India's leading Financial Services conglomerate with a presence in Banking, Asset Management, Life Insurance, General Insurance, Real Estate Venture Fund, Education Loans and Education.

img

Desk Research

Since it was a quick design sprint, I was unable to conduct personal interviews with actual users. However, I utilised alternative research methods such as analysing existing data and studying user reviews on the app store to identify potential issues and gather insights.





    The app is one of the most buggiest banking apps I've come across. From auto-resetting passwords, auto logging off, to terrible Ul decisions, it's designed to make customer's life difficult. Despite it, I've been managing to use it somehow and usually when I open the app, I'm asking for the password with my customer ID already keyed in.



    The user experience of App is so pathetic most of the time functions doesn't work and navigation is so complex. Also, the login process is so outdated, no option of Face ID login neither a quick pin access. Other Banks are allowing to Transfer on immediate basis and you are asking users to first go through a lengthy form just to register for Third Party Transfer which doesn't make any sense.



    We believe HDFC is a premium bank. So please maintain the quality and standard that you offer with your mobile banking. Ul will take us to a 90's old dull/washed out clutter experience. An inadvertent closing of the app won't let us in for another 10-15 mins, it varies.

Key Insights

After carefully reviewing user feedback and analysing the app layout, I have identified several key insights. To keep track of areas for improvement during the redesign process, I have documented these in the form of a list. So that this list serves as a quick checklist when I later redesign the app.



01

Due to cluttered home screen, the direct shortcuts are not easily visible and accessible.



02

The home screen contains irrelevant elements such as an infographic at the bottom.



03

Navigation bar lacks essential features and should prioritise more important ones.



04

Lack of visual hierarchy, everything looks equally important.



05

Multiple ways to perform a task, yet none are efficient.



06

Design decisions should prioritise readability to ensure that users can easily consume the content.



07

The app fails to make the user feel secure and free to explore. Hence, users restrict themselves from exploring the app.



08

The home screen feels cluttered and overwhelms users due to the poor placement of elements.

Cluttered Layout:

The interface appears overcrowded, especially with multiple sections like accounts, bill payments, and advertisements,making it overwhelming for users to navigate.

Intrusive Ads:

The large, prominent advertisement banner at the bottom distracts from the primary banking functions and reduces the overall usability of the app.

Inefficient Use of Space:

Significant portions of the screen, such as the large icons and empty spaces around them, are not utilised efficiently, leading to a less streamlined user experience.

Lack of Visual Hierarchy:

Important elements, such as the account balance, are not sufficiently differentiated from secondary options like bill payments and recharges, making it hard for users to quickly identify key information.

img

Screens selected for Redesign

I have selected the following screens for redesign because they have received the maximum bad reviews, and a user of this app myself, I struggle to perform simple tasks.



img img img

Sprint Goals

These are the top three sprint goals that I poured the most effort into during the redesign journey. While there were plenty of other things I worked on, these three the key areas I paid the most attention to.



01

To reduce the number of taps to make the flow more easy to understand.



02

Simplify the account management process to make it easier for users to track their finances.



03

Implement intuitive and user-friendly transactional flows for seamless money transfers.

Final Screens

img img img

Proposed design solutions

In the redesign banking app, I made several improvements to enhance the user experience. Here are the features I improved and the reasoning behind each:



Clean and Minimal Layout:

The new design uses a clean and minimal layout, reducing clutter and making the interface more visually appealing and easier to navigate.

Focused Information Display:

The total balance and account number are prominently displayed at the top, providing users with immediate access to essential information.

Quick Pay Section:

The "Quick Pay" section consolidates key actions (Scan & Pay, Money Transfer, Bill Payments, Add Contact) into a single, easy-to-access area, streamlining user actions.

Clear Visual Hierarchy:

Improved visual hierarchy makes it easier for users to find and understand important sections like Savings & Deposits and Recent Transactions.

Enhanced Navigation Bar:

The bottom navigation bar includes clear icons and labels (Home, Stats, Scan & Pay, Wallet, Account), making it easy for users to switch between different functionalities.

Elimination of Intrusive Ads:

The redesign removes intrusive advertisement banners, enhancing the user experience by focusing on core banking functions without distractions.

img