About Us

Hiring

Work

Clients

Blogs

Contact Us

About Us

Hiring

Work

Clients

Blogs

Contact Us

AU Small Finance Bank

Digital Banking Reimagined: Enhancing the Everyday Banking Experience

Industries 

Finance & Digital Banking, Fintech, B2C - Consumer app

Services we offered 

โ€ข UX UI design

โ€ข Centralized design system

โ€ข Product thinking

โ€ข UX UI design
โ€ข Centralized design system
โ€ข Product thinking

Services we offered 

โ€ข UX UI design
โ€ข Centralized design system
โ€ข Product thinking

OVERVIEW

AU Small Finance Bank is dedicated to making banking accessible for everyone. The AU 0101 mobile banking app embodies this commitment by providing a secure and user-friendly platform that transforms how users engage with banking. Focused on user comfort, the app features tailored solutions for everyday financial needs, offering an intuitive and personalized experience - all while ensuring safe, cashless transactions.

Hand holding a smartphone displaying the AU 101 banking app interface.
Smartphone screen displaying the AU 101 app icon alongside standard iOS apps.
Smartphone screen displaying the AU 101 mobile app icon on a home screen.
Smartphone screen displaying the AU 101 app icon on a purple home screen.
CHALLENGES

The current AU101 app had several challenges that affected user experience, performance, and engagement. We were entrusted with redesigning the platform to enhance the overall experience, focusing on creating a more intuitive, efficient, and visually cohesive interface that meets modern user expectations. Here are some key areas that needed improvement:

The current AU101 app had several challenges that affected user experience, performance, and engagement. We were entrusted with redesigning the platform to enhance the overall experience, focusing on creating a more intuitive, efficient, and visually cohesive interface that meets modern user expectations. Here are some key areas that needed improvement:

  • Cluttered and Confusing Dashboard:

Cluttered and Confusing Dashboard: The dashboard displayed too many features without logical grouping or prioritization, making navigation difficult. Clear categorization & an enhanced search functionality were needed to improve accessibility.

  • Poor Discoverability and Visibility:

Users struggled to discover the available services and offers, with no clear indication of what they can do within the app. This led to frustration and poor retention rates.

  • Hidden Key Actions:

Essential actions, such as viewing balances, card details, or making transactions were hidden behind multiple clicks, adding friction to user interactions.

  • Outdated Interface:

The interface needed an upgrade to align with contemporary UI standards to boost engagement and retention.

SOLUTIONS

A unified banking experience that brings together card management, credit insights, EMI planning, and personalized dashboards, designed to simplify financial decisions and give users greater clarity and control.

Workshop Insights

We conducted a 2-hour workshop with members from PM, design, tech, and business teams to dive deep into the appโ€™s goals and lay the foundation for an engaging and intuitive user experience.

User research survey results showing prioritized banking tasks and key account information.
UX research survey results showing prioritized user tasks and key account information for a finance bank dashboard.

Design System

We created a responsive design system with over 25+ components, ensuring a seamless experience across two visual modes.

  • Light mode

The dominant theme across the app, features a light background that aligns with the brandโ€™s orange color.

  • Dark mode

Dark mode is applied in specific sections to introduce the brandโ€™s purple color and explore the potential of a broader dark theme implementation.

โ€จโ€จAll components were carefully designed to work flawlessly across both modes, prioritizing accessibility and adherence to color guidelines. Additionally, we designed a set of custom icons for the app, tailored to maintain a cohesive and distinctive visual identity throughout the app.

Accounts and Cards

The card wallet allows the users easily manage their cards in one place. It provides a clear view of all their cards, with options to view details, set limits, block/unblock cards, and take other essential actions, ensuring a seamless and efficient experience.

Hands presenting AU Small Finance Bank Platinum and Gold debit cards with text Designed for Your Lifestyle.
Hands presenting AU Small Finance Bank Platinum and Gold debit cards with text Designed for Your Lifestyle
Circular UI elements for credit card management, tap and pay, freezing cards, and exploring offers.
Graphic design showing circular icons for credit card, tap and pay, freeze card, and manage card features.
Graphic icons for credit card, tap and pay, freeze card, explore offers, and manage card.
Mobile app interface showing a digital card wallet with stacked AU Royale debit cards.
Mobile app interface for AU Royale digital wallet showing card management options and a primary debit card.

Experience Tailored to Every Occasion

For a truly personalized banking experience, we designed the homepage to celebrate every special occasion. From national holidays to cultural festivals, it adapts with curated content and exclusive offers, creating a unique experience connected to the moments that matter. Enjoy a festive touch every time you log in.

Your Credit Health at a
Single Glance

Your Credit Health at a Single Glance

Money Watcher is designed to give users a comprehensive view of their credit health.

Colorful graphic showing credit factors including Credit Mix, Credit Usage at 98%, and Credit Age of 2 years 1 month.
Graphic showing key credit factors including Credit Mix, Credit Usage at 98%, and Credit Age of 2 years 1 month.
Colorful graphic displaying credit factors: Credit Mix, 98% Credit Usage, and Credit Age of 2y 1m.
Graphic showing key credit factors: Credit Mix, 98% Credit Usage, and 2y 1m Credit Age.
Smartphone displaying the Money Watcher app interface with a credit score of 728.
Smartphone displaying the Money Watcher app credit health screen with a score of 728.
Smartphone displaying the Money Watcher app credit health screen with a score of 728.

Your EMI Journey, Simplified and Clear

We designed the EMI calculator to make loan planning effortless, whether itโ€™s for a personal loan, car loan, or two-wheeler loan. With easy-to-use sliders for adjusting loan amounts and tenure, and a small graph to provide a clear visual breakdown, users can quickly understand their repayment plan. This tool combines simplicity and accuracy to ensure a seamless experience for making informed financial decisions.

Mobile app EMI calculator interface showing loan amount, interest rate, and monthly payment breakdown.
Mobile EMI calculator interface showing loan amount, interest rate, and monthly payment details.
Mobile EMI calculator interface showing loan amount, interest rate, and monthly payment breakdown.

Banking On-the-Go, Optimized for Tablets

Explore how our tablet design enhances efficiency for bank employees. View the full case study to learn more.

Tablet displaying the AU Digital desk banking dashboard interface on a purple background.
Tablet displaying AU Digital desk banking interface with menu, offers, and QR code on purple background.
Tablet displaying the AU Digital desk banking interface with a stylus.
Tablet displaying AU Digital desk banking interface with menu options and promotional banner.

Let's create something your

customers love,

and your business

needs

Start a project

+91 9136510822*

*Only project-related calls will be entertained.

Jobs & internships

+91 7978551027*

*Only job-related calls will be entertained.

Address

WeWork NESCO IT Park, 10th Floor, Building 4, Nesco IT Park,

Western Express Highway, Goregaon East, Mumbai, Maharashtra 400063

Socials

Ungrammary is a leading UX and UI design agency in India, recognized among the top 20 global UX agencies. We specialise in creating intuitive, research-driven digital experiences by combining behavioural analytics, human- computer interaction, and cutting-edge design technology. Our team helps brands build seamless and impactful user experiences that drive engagement and business growth.

Mumbai, 10:48 PMTuesday, November 10

ยฉ  Ungrammary Creatives Private Limited

Back to top

Let's create something your customers love,

and your business

needs

Letโ€™s connect

Services

Case studies

Sectors

Get in touch

Start a project

+91 9136510822*

*Only project-related calls will be entertained.

Jobs & internships

+91 7978551027*

*Only job-related calls will be entertained.

Address

WeWork NESCO IT Park, 10th Floor, Building 4, Nesco IT Park, Western Express Highway, Goregaon East, Mumbai, Maharashtra 400063

Socials

Ungrammary is a leading UX and UI design agency in India, recognized among the top 20 global UX agencies. We specialise in creating intuitive, research-driven digital experiences by combining behavioural analytics, human- computer interaction, and cutting-edge design technology. Our team helps brands build seamless and impactful user experiences that drive engagement and business growth.

Mumbai, 10:48 PMTuesday, November 10

ยฉ  Ungrammary Creatives Private Limited

Back to top

Let's create something your

customers love,

and your business

needs

Discover

Home

Services

About Us

Careers

Blog

Regions

India

UAE

Europe

North America

APAC

Sectors

Banking & Finance

SaaS & Enterprise

Artificial Intelligence

Consumer Products

Health & Longevity

Sustainability & Impact

Case studies

Muthoot Finance App & Web Journey

Adani Capital Fintech Super App

Adani Capital User Research

ImageKit: AI enabled SaaS Product

Traya, Hair Loss Treatment Platform

AU Small Finance Bank App UX UI

REDCap Cloud: Data Science Platform

Abarray: Platform for Autistic Kids

MoEngage: Marketing Automation Platform

VMware Explainer Videos

Oziva (D2C) Brand Packaging

Case studies

QPay Payroll Finance Management

6th Street: Consumer App

Fossil Brand Management

Fossil Brand Management

Goals 101 RoboAdvisory Platform

Spry: A Healthtech SaaS Platform

Adobe: UX Research & Usability testing

Kotak Bank Corporate Banking

Get in touch

Start a project

+91 9136510822*

*Only project-related calls will be entertained.

Jobs & internships

+91 7978551027*

*Only job-related calls will be entertained.

Address

WeWork NESCO IT Park, 10th Floor, Building 4, Nesco IT Park,

Western Express Highway, Goregaon East, Mumbai, Maharashtra 400063

Socials

Ungrammary is a leading UX and UI design agency in India, recognized among the top 20 global UX agencies. We specialise in creating intuitive, research-driven digital experiences by combining behavioural analytics, human- computer interaction, and cutting-edge design technology. Our team helps brands build seamless and impactful user experiences that drive engagement and business growth.

Mumbai, 10:48 PMTuesday, November 10

ยฉ  Ungrammary Creatives Private Limited

Back to top