avinashanumeh

CASE STUDY

Enhancing the UI/UX of a Private Sector Bank

CASE STUDY

The current mobile banking experience suffers from poor information architecture, inconsistent visual hierarchy, and suboptimal interaction design. Key actions are obscured due to ambiguous labeling, inadequate categorization, and lack of intuitive affordances. The absence of coherent color semantics and limited navigational pathways result in high cognitive load and friction in task completion. A strategic UX and UI overhaul is essential to enhance discoverability, streamline user flows, and create a consistent, accessible, and visually guided interface.

The current mobile banking experience suffers from poor information architecture, inconsistent visual hierarchy, and suboptimal interaction design. Key actions are obscured due to ambiguous labeling, inadequate categorization, and lack of intuitive affordances. The absence of coherent color semantics and limited navigational pathways result in high cognitive load and friction in task completion. A strategic UX and UI overhaul is essential to enhance discoverability, streamline user flows, and create a consistent, accessible, and visually guided interface.

The current mobile banking experience suffers from poor information architecture, inconsistent visual hierarchy, and suboptimal interaction design. Key actions are obscured due to ambiguous labeling, inadequate categorization, and lack of intuitive affordances. The absence of coherent color semantics and limited navigational pathways result in high cognitive load and friction in task completion. A strategic UX and UI overhaul is essential to enhance discoverability, streamline user flows, and create a consistent, accessible, and visually guided interface.

THE PROBLEM STATEMENT

I require a better UI for the HDFC banking app so that its becomes easy to understand and operate

UNDERSTANDING THE PROBLEM STATEMENT IN DETAIL

Its difficult to navigate through the small cues.
The text is in very fine style which makes less readable.
The text colour is light .
Things are distributed all over the screen
The splash/ loading screen has a squeezed image.
The UPI is very difficult to use and hence does not make it convenient to use in everyday application.
The application is slow,
Logged in session stays active for a long time.

Its difficult to navigate through the small cues.
The text is in very fine style which makes less readable.
The text colour is light .
Things are distributed all over the screen
The splash/ loading screen has a squeezed image.
The UPI is very difficult to use and hence does not make it convenient to use in everyday application.
The application is slow,
Logged in session stays active for a long time.

Figma Prototype Link

THE SOLUTION

UI

Aesthetics
Navigation
Typography
Visual design

UX

Improve the UX for UPI.
Find a marriage between session log out time with organisation’s security policy. Or find a solution
Find solution for faster performing application.
Declutter the pages and categorise the labels and buttons, Segment the screen with contrasting colors and pay more attention to process flow.

THE PROCESS

Empathise

User research,

Empathy Mapping,

User persona,

User journey map,

Competitive analysis

Define

Value Proposition

Competitive analysis

Goal Statement

Problem statement

Hypothesis statement

Ideate

Brainstorming

User flow

Information Architecture

Design

Sketch

Wireframe

Prototype

Style guide

Visual Design

Test

Usability Test

Affinity Mapping

Survey Insight

RESEARCH QUESTIONS

Open ended question

What is ur personal experience while using the app and what difficulty did you face.
What is the Problem you face when u navigate through the app.
Are you comfortable with the text(quantity/Placement) on screen ? Is the text clear enough to read ?
Do u find issues while searching for a particular service on screen ?
Are the transaction services easy to use ?