National Bank of India (NBI) –
Mobile App
Mobile App
B2C
Banking & Finance
FinTech
Introduction –
Most banking apps in India are riddled with bad UX-choices that lead to a terrible experience, leading to confusion, frustration, and dissatisfaction.
At NBI, I have attempted to fix this scenario with focus on accessible and user-centred design, strategic visual hierarchy, intentional micro-interactions that aid the UX; and a clean, no-nonsense Ui with zero-bloat.
Legal Disclaimer –
‘National Bank of India’ or ‘NBI’ is a hypothetical representation of a fictitious entity, created for the sole educational purpose of an experience-design case-study.
Any such resemblances are purely unintentional and coincidental.
The problem –
Be it public-sector banks or private, bank apps still are considered the graveyard of UX and UI in the nation.
This leads to user frustration, dissatisfaction, and confusion – especially among users who are old, or have some form of disability, or those who aren’t as tech-savvy as the rest of us.
Competitive Market Study –
Competitive Market Study –
Competitive Market Study –
These come within the top 10 most active banks in the nation.
The first four are in the private sector, while the last two are public-sector banks.
These come within the top 10 most active banks in the nation.
The first four are in the private sector, while the last two are public-sector banks.
These come within the top 10 most active banks in the nation.
The first four are in the private sector, while the last two are public-sector banks.
Project Timeline
Project Timeline
2 weeks
2 weeks
Accessibility
Accessibility
WCAG 2.1 AA
WCAG 2.1 AA
The solutions –
Debloating + Prioritisation
Bringing visual harmony through a uniform design system and consistence design choices.
Removal of on-the-face marketing that becomes very repetitive and adds to the bloat.
Bringing up components to the front, which more constitute of the users’ core-needs.
Market Opportunity
India’s fintech market is already valued at ₹ 9.39 lakh-crores in 2024; and is projected to reach ₹ 12.81 lakh-crores by 2025 (36.42% YoY).
Mobile payment users are set to grow from ₹ 136k-lakhs in 2020 to ₹ 683k-lakhs by 2025; with a 87% fintech adoption rate (4x increase YoY).
This makes India the fastest-growing, highest-scale opportunity for banking and fintech mobile apps.
Core Focus Points
Defined and compartmentalised Information Architecture that is easy to follow, and keep track of by the users.
Build and retain user satisfaction, confidence, trust, and boost credibility on reliability.
Increase visual hierarchy, accessibility, and ease of getting right to the user’s goals.
Enhance app performance by eliminating bloat and unnecessary elements, also reducing cost by reducing redundancy.
#1F2D47
#1F2D47
BRAND
BRAND
Focus
Focus
#134BAE
#134BAE
BRAND
BRAND
Base
Base
#E8EEF7
#E8EEF7
BRAND
BRAND
Alternative
Alternative
#1A1A1A
#1A1A1A
Shade
Shade
Primary
Primary
#666666
#666666
Shade
Shade
Secondary
Secondary
#CCCCCC
#CCCCCC
Shade
Shade
Tertiary
Tertiary
#FF4766
#FF4766
Indicator
Indicator
Debit / Danger
Debit / Danger
#F59E0B
#F59E0B
Indicator
Indicator
Hold / Caution
Hold / Caution
#527A00
#527A00
Indicator
Indicator
Credit / Positive
Credit / Positive
Unique Features –
Unique Features –
Unique Features –
UI Screens –
UI Screens –
UI Screens –
Showreel –
Showreel –
Showreel –
Related Products -
Related Products -
Newly added
Recoup HMS - Hospital Management System
Recoup HMS - Hospital Management System
HIPAA-compliant EHR and Healthcare System.
HIPAA-compliant EHR and Healthcare System.
See Case Study
See Case Study
Coming soon
Recoup Health App
Recoup Health App
Hyper-personalised root-cause care
Hyper-personalised root-cause care
Case Study Coming Soon
Case Study Coming Soon
“Do it with Passion, or don’t do it at all.”
“Do it with Passion, or don’t do it at all.”
“Do it with Passion, or don’t do it at all.”
National Bank of India (NBI) –
Mobile App
Mobile App
B2C
Banking & Finance
FinTech
Introduction –
Most banking apps in India are riddled with bad UX-choices that lead to a terrible experience, leading to confusion, frustration, and dissatisfaction.
At NBI, I have attempted to fix this scenario with focus on accessible and user-centred design, strategic visual hierarchy, intentional micro-interactions that aid the UX; and a clean, no-nonsense Ui with zero-bloat.
Legal Disclaimer –
‘National Bank of India’ or ‘NBI’ is a hypothetical representation of a fictitious entity, created for the sole educational purpose of an experience-design case-study.
Any such resemblances are purely unintentional and coincidental.
The problem –
Be it public-sector banks or private, bank apps still are considered the graveyard of UX and UI in the nation.
This leads to user frustration, dissatisfaction, and confusion – especially among users who are old, or have some form of disability, or those who aren’t as tech-savvy as the rest of us.
Competitive Market Study –
These come within the top 10 most active banks in the nation.
The first four are in the private sector, while the last two are public-sector banks.
Project Timeline
2 weeks
Accessibility
WCAG 2.1 AA
The solutions –
Debloating + Prioritisation
Bringing visual harmony through a uniform design system and consistence design choices.
Removal of on-the-face marketing that becomes very repetitive and adds to the bloat.
Bringing up components to the front, which more constitute of the users’ core-needs.
Market Opportunity
India’s fintech market is already valued at ₹ 9.39 lakh-crores in 2024; and is projected to reach ₹ 12.81 lakh-crores by 2025 (36.42% YoY).
Mobile payment users are set to grow from ₹ 136k-lakhs in 2020 to ₹ 683k-lakhs by 2025; with a 87% fintech adoption rate (4x increase YoY).
This makes India the fastest-growing, highest-scale opportunity for banking and fintech mobile apps.
Core Focus Points
Defined and compartmentalised Information Architecture that is easy to follow, and keep track of by the users.
Build and retain user satisfaction, confidence, trust, and boost credibility on reliability.
Increase visual hierarchy, accessibility, and ease of getting right to the user’s goals.
Enhance app performance by eliminating bloat and unnecessary elements, also reducing cost by reducing redundancy.
#1F2D47
BRAND
Focus
#134BAE
BRAND
Base
#E8EEF7
BRAND
Alternative
#1A1A1A
Shade
Primary
#666666
Shade
Secondary
#CCCCCC
Shade
Tertiary
#FF4766
Indicator
Debit / Danger
#F59E0B
Indicator
Hold / Caution
#527A00
Indicator
Credit / Positive
Unique Features –
UI Screens –
Showreel –
Related Products -
“Do it with Passion,
or don’t do it at all.”