Airtel Payments Bank
Improving the experience for merchants on the airtel payments banks with multiple features.
ABOUT THE PROJECT
Mitra Application by Airtel Payments Bank is their merchant facing application. The application was struggling with a complex list of features which confused the merchants in terms of usage. The new design was supposed to be made with the idea of improving navigation around the application for the user and categorizing things into proper groups.
PROBLEM STATEMENT
Fixing navigation on the Mitra application by giving users categories and features under categories.
BUILDING A DESIGN SYSTEM
GENERAL COLOURS
THEME COLOURS
FONT FAMILY
PRE DESIGN PLANNING
USER MAP
There were multiple discussions on how the user would be using the application. There were 3 different scenarios that were discussed for the same.
Favourites — User can mark their favourite features and go to them fast.
Navigate to features via categories, this was the main use case from our learning and was given the biggest focus in improvement.
Going to the feature directly.
USER JOURNEY
A ux map was made on where and how the user would be interacting to navigate to a feature. A first-level category is selected which would show multiple features for the user under the category. If no category is selected users would be able to add quick favourites which they can access.
DESIGN SCREENS
The design was made based on the ux structure planned and with clear large tap actions. The users of this application were merchants who aren’t super technically savvy so bigger areas so that they don’t hit wrong actions and get confused.
A simple structure of first-level categories was made under which features from that category were shown. There was also a simple and clear call to action to add favourite actions if the user wanted to.
