Redesigning banking for

Redesigning banking for

Redesigning
banking for millions for ICICI Bank

millions for ICICI Bank

millions for ICICI Bank

2021 - Current

2021 - Current

PRODUCT DESIGN

strategy

ICICI app - send money screen with bank transfers, UPI payments, favourites, and recent transactions
ICICI app - send money screen with bank transfers, UPI payments, favourites, and recent transactions
Black ink botanical illustration
Black ink botanical illustration

Background

ICICI Bank is India’s second largest private bank. They have over 50mn+ users, with transactions of over ₹11 Trillion per year. With 400+ services offered digitally, it is one of the most comprehensive digital banking applications in India.

ICICI Bank is India’s second largest private bank. They have over 50mn+ users, with transactions of over ₹11 Trillion per year. With 400+ services offered digitally, it is one of the most comprehensive digital banking applications in India.

ICICI Bank is India’s second largest private bank. They have over 50mn+ users, with transactions of over ₹11 Trillion per year. With 400+ services offered digitally, it is one of the most comprehensive digital banking applications in India.

ICICI Bank app screens showing the home dashboard, successful fund transfer confirmation, add payee form, account overview, and FD account details.
From reinventing iMobile Pay, to redesigning all of ICICI Bank's Retail banking experiences
From reinventing
iMobile Pay, to redesigning
all of ICICI Bank's
Retail banking experiences

We were first engaged to redesign the retail banking experience for ICICI Bank’s flagship app, iMobile Pay, bringing it in line with modern mobile standards. Since then, our work has expanded across retail banking—reimagining the experience while respecting the bank’s legacy, and ensuring ease of use for millions of users without disrupting habits built over time.

Our first step was to setup a comprehensive design system

Our first step was to setup a comprehensive design system
Negative graph

toggle icon with toast message

Revolut iOS

Positive graph moving up

Progress steps variants

Dropdown and textfield

Selection icons

Typography and color pallete

Switching tab variants

Badges

Release to canel

Progress loading bar

Button

Daily limit progress

Button

Icons

Negative graph

toggle icon with toast message

Revolut iOS

Positive graph moving up

Progress steps variants

Dropdown and textfield

Selection icons

Typography and color pallete

Switching tab variants

Badges

Release to canel

Progress loading bar

Button

Daily limit progress

Button

Icons

Drag to move

Foundational atoms & patterns

Updated colour palette, typography, spacing and grid systems that scale. And we themed “patterns” around items that are repeated throughout the app with minor changes

100+ component designs

Components were setup from scratch for every single item that appears in the mobile application and documented with all use cases

Detailed documention

We documented every single use case of all the components and rules, immediately shortening the learning curve for anyone who needed to use it

A Project
A Project
that spanned over
that spanned over

(30)

(30)

different modules
different modules
included innummerable teams
included innummerable teams
over a solid course of
over a solid course of

(04)

(04)

years
years
  • Payments

  • Accounts and deposits

  • Fastag

  • Bill payments

  • Cibil

  • Invest and Insure

Payments

Accounts and deposits

Fastag

Bill payments

Cibil

Invest and Insure

Activation

Loans

Abstract dark zoomed in texture used as a background.
Abstract dark zoomed in texture used as a background.

Redefining bank transfers
and UPI payments

Redefining bank transfers and UPI payments

The most important part of iMobile was of course, the payment related pages. We remade the flow from the ground up, and introduced a lot of features into the process

Payee favourites

(01)

Quick access to you favourite payees allowing fast and secure paymemts

Recent Transactions

(02)

Quick access to you favourite payees allowing fast and secure paymemts

Payment methods

(03)

Quick access to you favourite payees allowing fast and secure paymemts

Payment methods

(03)

Quick access to you favourite payees allowing fast and secure paymemts

Categorizing your spends

(04)

Quick access to you favourite payees allowing fast and secure paymemts

Categorizing your spends

(04)

Quick access to you favourite payees allowing fast and secure paymemts

A complete relook
at Accounts and Deposits

A complete relook
at Accounts & Deposits

The most important part of iMobile was of course, the payment related pages. We remade the flow from the ground up, and introduced a lot of features into the process

EXPLORE
Accounts landing
Account statements
Scheduled payments
Deposits
Fixed deposits
Account cards
Balance break-up
Mini-success drawer
Landing and Creation
Pre-confirmation and Success

Revamping FASTag and
Bill payments experience

Revamping FASTag and
Bill payments experience

The most important part of iMobile was of course, the payment related pages. We remade the flow from the ground up, and introduced a lot of features into the process

The most important part of iMobile was of course,

the payment related pages. We remade the flow

from the ground up, and introduced a lot of

features into the process

Pay a new bill widget showing icons for mobile prepaid, postpaid, electricity, DTH, gas, FASTag, and ICICI credit card payments.
FASTag vehicle card, balance, auto-recharge status, and recharge option.
FASTag vehicle card, balance, auto-recharge status, and recharge option.
FASTag history card showing recent transactions for Lonavla Toll Booth, recharge, and Mumbai Toll Booth.
FASTag history card showing recent transactions for Lonavla Toll Booth, recharge, and Mumbai Toll Booth.
Auto-Recharge setup screen showing Swift Dzire (HR 28 DQ 2199) with ₹350 balance and a setup button, recharged 3 times last month.
Auto-Recharge setup screen showing Swift Dzire (HR 28 DQ 2199) with ₹350 balance and a setup button, recharged 3 times last month.
Bill payment cards showing an autopay
Bill payment cards showing an autopay
Auto-Recharge setup screen showing a 3-step process to set minimum balance, choose recharge amount, and select payment mode.
Auto-Recharge setup screen showing a 3-step process to set minimum balance, choose recharge amount, and select payment mode.
FASTag home screen banner prompting users to set up Auto-Recharge to never run out of balance.
FASTag home screen banner prompting users to set up Auto-Recharge to never run out of balance.
Bill payments screen showing insights and new offers
Bill payments screen showing insights and new offers

A login designed for speed

A login designed for speed

The login experience was completely revamped, with a unique new feature of having the camera view open by default, so that the user could make a UPI payment with ease. Due to this feature, ICICI Bank noticed an increased usage of UPI Payments by about 230%.

The login experience was completely revamped, with a unique new feature of having the camera view open by default, so that the user could make a UPI payment with ease. Due to this feature, ICICI Bank noticed an increased usage of UPI Payments by about 230%.

ICICI Bank iMobile app login screen with 4-digit PIN entry and UPI home screen showing QR code scanner in active use.
Dotted grid used in the background
ICICI Bank iMobile app login screen with 4-digit PIN entry and UPI home screen showing QR code scanner in active use.
Dotted grid used in the background
Soft-focus abstract illustration of an orange tulip bud against a dark background.

Designing for a wide range of products

To reinvent the overall banking experience, while still maintaining and paying respect to the heritage of the second largest private bank in India.

ICICI Bank web dashboard showing beneficiaries, recent transactions, bill payments, payment methods

The online money transfer service trusted by millions of users for inward remittance from abroad

Money2India

01

Customer Acquisition

02

ICICI UK, Global

03

ICICI Bank web dashboard showing beneficiaries, recent transactions, bill payments, payment methods

The online money transfer service trusted by millions of users for inward remittance from abroad

Money2India

01

Customer Acquisition

02

ICICI UK, Global

03

Let’s build together

We’re always open for exciting work and genuine connections. Feel free to drop us a line of follow us on our socials for updates

Let’s build together

We’re always open for exciting work and genuine connections. Feel free to drop us a line of follow us on our socials for updates