go back

Overhauling a 100-year-old bank's mobile app

Fintech
Mobile App
India
Banking app success screen

Who I worked with

Led a Team of
5 Designers
Internal
Project
Manager
Internal
C-Suite
Stakeholders
Client
Lead
Engineer
Client
Frontend
Dev Team
External

The existing app was falling behind

The app had fractured usability across separate modules for passbook, payments, transfers, and account management. Users navigated multiple disconnected flows to complete basic tasks.

Heuristic Evaluation

Tactical (Quick Wins) 75 issues 89% of total
21
37
17
Critical Medium Low
Strategic (Long Term Changes) 9 issues 11% of total
6
3
Critical Medium Low (0)

Competitor benchmarking

Category Axis Cred Jupiter Kotak 811 ICICI Current KTK App
Overall Rating 3.6 4.25 3.8 4 3 3.3
Homepage 3 3 3 3.5 2 3
Account Details 3 3 3.5 3 3
Login 3 3.5 3 3.5 3 3
Fund Transfer 3 3 3.5 3 3.5
Bill Payments 3 4.5 3 3
Finance Manager 3 3
UPI 3 4.5 3 3 3 3.5
Deposits 3.5 3 3.5 3 3

Scores based on heuristic evaluation across 12 usability criteria

After completing a payment, the app sometimes showed no confirmation at all. Users received an SMS minutes later, if at all.

Most frequently cited issue from user interviews

What kept coming up

Interviews across 9 cities and in-branch sessions revealed what was truly broken.

Frequent flow interruptions

Users are interrupted multiple times, resulting in user drop off. The breaks are because of delay in OTPs, lagging in the UI, sudden logouts, etc.

37%
of users

Infrequent downtime notifications

Users have reported not receiving notifications regarding scheduled maintenance, leading to unexpected service disruptions & inconveniences.

61%
of users

Hidden support section

Many users, especially those new to mobile banking, struggled to locate the help section.

74%
of users

Unreadable text sizes

Many senior citizens found the default font sizes challenging to read. This was a problem because almost 30% of Karnataka Bank's customers were from this user group.

32%
of users

No definitive feedback

At the end of a transaction, users were unsure if the transaction was successful or not. And this was the case for many of the other critical flows as well.

41%
of users

Who we designed for

Three personas shaped the redesign.

01

Millennial

Tech-savvy users who expected speed, modern UI patterns, and seamless flows.

02

General

The bank's largest segment. Needed clarity, trust signals, and accessible design.

03

High Net Worth

Premium experience with personalised nudges and direct access to relationship managers.

Unreleased

Process artifacts

Strategy

Three principles guided every design decision.

01

Clarity

Every screen should answer "what just happened?" without making users guess.

02

Access

Core tasks within two taps, help available on every single page.

03

Trust

Definitive feedback at every step so no transaction feels uncertain.

Untangling 23 modules into 4 clear sections

23 modules scattered with no hierarchy. 5 taps to reach a basic feature. No help section. All of it restructured into four sections, each built around a core user intent.

23 to 4

Homepage, Payments, Finance, More. Built around user intent.

5 taps to 2

Core features accessible within two taps from any screen.

Help everywhere

Previously buried. Now accessible from every single screen.

Homepage

Search Fund transfer Notifications UPI Accounts summary Support Debit Cards Spends Tracker Bill payments Assets Quick links Liabilities Profile Account management E-Hundi Donations Upcoming payments Rewards Txn. history Documentation Cardless cash withdrawal Offers Transaction Services Financial tools

Homepage

SearchNotificationsAccounts SummaryDebit CardsQuick LinksUpcoming PaymentsSpends TrackerRewardsSupport

Payments

Fund TransferUPIBill PaymentsE-Hundi DonationsCardless CashSupport

Finance

Spends TrackerAssetsLiabilitiesRewardsFinancial Tools

More

ProfileAccount ManagementDocumentationTransaction ServicesSupport
New navigation Old navigation
Before After

Building a dedicated view for the bank's biggest revenue segment

SMB owners with multiple accounts were the bank's biggest revenue segment, but had no consolidated view. This called for a dedicated Overview section.

Relationship Value

TRV drives fee waivers, better rates, and priority service eligibility.

Business Accounts

All operating accounts with balances in one consolidated view.

Assets & Liabilities

Deposits, loans, and net position. No downloads or section switching.

Homepage with Overview section

Homepage with Overview

Killing a feature at 90% to ship what matters

The team had nearly finished a smart budget tracker when the bank's dev leadership ruled the underlying tech unfeasible.

The pivot: a leaner version using existing APIs. Same core value, no technical risk. Sometimes the right call is letting go of work that's almost done.

Bank pushback

Core banking couldn't support real-time categorisation or webhooks.

The compromise

Batch-processed spending summary. Refreshed daily instead of live.

Hindsight

Validate tech feasibility before investing design cycles.

Simplified spending dashboard

Spending Dashboard

Removing the anxiety from every transaction

No review screen. No confirmation. Users submitted payments and waited for an SMS that sometimes never came.

The solution: review screens, definitive success/failure states, and a simplified process.

Easier to scan

Beneficiary, amount, and status readable at a glance.

Send ₹1 test

Verify a new beneficiary before committing the full amount.

Fee transparency

NEFT, RTGS, IMPS fees shown upfront on the review screen.

New fund transfer flow Old fund transfer flow
Before After

Speaking the developer's language

Two builds came back broken: wrong fonts, pixel padding, margin mismatches. That meant visiting the dev office and sitting with both iOS and Android teams.

Being able to write code meant working in their environment directly. Reviewing variable initialisation, setting up relative padding, and making sure design tokens translated to production.

Their language

Worked with iOS and Android teams in their own environments.

Documented

Specs, dev notes, and logic flows in a single Figma source.

QA'd builds

Reviewed each sprint output against design specs.

The details behind the design system

Consistency and scalability called for a dedicated design system for Karnataka Bank's mobile app. The system balanced the bank's heritage brand identity with modern accessibility standards. Every colour choice was tested against WCAG AA contrast ratios, and the icon set comes in three variants to serve different UI contexts.

Colours

Brand
Success
Warning
Error
Magenta
Cobalt
Amber
Grape
Coral
Brand
Success
Warning
Error
Magenta
Cobalt
Amber
Grape
Coral

Icons

Typography

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 !@#$%&*()?.,:;

Components

Incorrect mPIN. You have 2 tries left.
Please do not share your PIN with anyone

No one from Karnataka Bank will call you to ask for your Green PIN. Please report any and all calls which ask for you PIN details.

Textlink ›
Incorrect mPIN. You have 2 tries left.
Please do not share your PIN with anyone

No one from Karnataka Bank will call you to ask for your Green PIN. Please report any and all calls which ask for you PIN details.

Textlink ›
Incorrect mPIN. You have 2 tries left.
Please do not share your PIN with anyone

No one from Karnataka Bank will call you to ask for your Green PIN. Please report any and all calls which ask for you PIN details.

Textlink ›
Incorrect mPIN. You have 2 tries left.
Please do not share your PIN with anyone

No one from Karnataka Bank will call you to ask for your Green PIN. Please report any and all calls which ask for you PIN details.

Textlink ›

Alpha testing showed an 81% increase in user satisfaction, 50% faster task completion, and 67% fewer drop-offs.

Currently in alpha testing with the bank's internal user group.

A closer look at the final designs

Looking back

01

Always presentation-ready

Enterprise projects move on their own schedule. Stakeholder calls happen when they happen. I built a habit of keeping screens updated and shareable within minutes. That responsiveness built trust with the client and became a standard I now hold across every project.

02

Designing for the organisation

A 100-year-old bank has deep institutional knowledge. Earning buy-in meant learning their language, understanding their constraints, and presenting ideas in terms they valued. That patience turned into alignment, and alignment turned into faster approvals.

03

Growing as a design lead

This project stretched my leadership skills more than any other. Onboarding designers mid-sprint, keeping the team focused through a dense workload, and connecting daily tasks back to the larger vision. The craft mattered, but the team management made me a stronger lead.