• ux audit
  • Icon image
  • Icon image
  • Icon image
  • ux research
Banner image
UI Design for android

RE-DESIGNING ICICI'S IMOBILE PAY APP WITH INNOVATIVE MOBILE APP DESIGNS

ICICI is one of India's largest private sector banks. To be perfectly honest – this was not a regular design challenge; it was far more challenging. And exciting. ICICI Bank wanted to revamp their personal banking app, iMobile for iOS. Being India's most popular mobile banking app, iMobile has for long been best-in-class already. To improve upon an app which is already well-regarded by customers needed guts, our client’s faith, and cake (for post go-live feedback celebrations). It required grave expertise in mobile banking UI UX design, and we were ready.

USER EXPERIENCE DRIVEN BY USER HEURISTICS

Unlike most mobile app design companies in India, we were guided by numerical data from in-app analytics. Our heuristic evaluation inferred that iPhone users will appreciate a seamless experience better if the app could be cautiously rewired to follow Apple’s Human Interface Guidelines. ScreenRoot made the bottom navigation band reappear after much debate and information like account balance, credit card dues, nearby branches, etc. was more upfront than before. Once logged in, users can seamlessly request for new services like loans, insurance, credit cards, etc. from the home screen directly. They can even track their requests rather visually, in real time.

Icon image
U

USER EXPERIENCE DRIVEN BY USER HEURISTICS

Unlike most mobile app design companies in India, we were guided by numerical data from in-app analytics. Our heuristic evaluation inferred that iPhone users will appreciate a seamless experience better if the app could be cautiously rewired to follow Apple’s Human Interface Guidelines. ScreenRoot made the bottom navigation band reappear after much debate and information like account balance, credit card dues, nearby branches, etc. was more upfront than before. Once logged in, users can seamlessly request for new services like loans, insurance, credit cards, etc. from the home screen directly. They can even track their requests rather visually, in real time.

USER INTERFACE THAT’S INTUITIVELY INSIGHTFUL

Customer-bank relationships don't have to end at transactions. Using behavioral data, we could design to make newer features more discoverable. We identified contextual opportunities to ‘converse’ with users while keeping the interface non-intrusive. A few features which you will see in the live app include:

  • Expenditure Analysis:
    Gives a category-wise breakdown of expenses based on where and how the money was spent.
  • Upcoming Transactions:
    Analyzes spending patterns to pre-empt and prompt users with recurring transactions like EMIs, bills, rent, etc.
  • Budgeting and Comparisons:
    Gives delightfully visual and easy-to-digest monthly comparisons of expenditures, while allowing users to set monthly budgets.

Icon image
I

INTERACTION DESIGN LED PERSONALIZED BANKING

According to the 2017 Connected Banking Customer Report by Salesforce, 37% retail customers look for a personalized experience while choosing a bank. The app dynamically suggests actions based on cash flow data. Users can even customize their login factors to fingerprint (Touch ID), Face ID, or the traditional mPin. All offers they see are relevant and contextual to their spending patterns and geography.

Icon image
P

INTERACTION DESIGN LED PERSONALIZED BANKING

According to the 2017 Connected Banking Customer Report by Salesforce, 37% retail customers look for a personalized experience while choosing a bank. The app dynamically suggests actions based on cash flow data. Users can even customize their login factors to fingerprint (Touch ID), Facial ID, or the traditional mPin. All offers they see are relevant and contextual to their spending patterns and geography.

UX FOR LONGEVITY

Crafting an exceptional mobile banking experience requires time, resources, and of course, capital investment. Basically, catching up with the ever evolving smartphone features with frequent upgrades is far from feasible for a complex organisation. Hence, ensuring that the interactions (and features that enable them) remain relevant in the years to come was bold on our agenda. Integrating our UI UX framework with simple yet trending features like payments via Siri (voice enabled) and QR codes; login via Touch ID, Face ID, and voice recognition; and Siri-enabled in-app voice search, helped us make the iMobile app ready for the future.

Icon image
L

ambient ux design

Time taken

4 weeks

UX Design Process

Key Processes

Information Architecture, Domain knowledge acquisition


Are you a designer or intern?
Talk to us how we used any of the techniques

UX Best Practice

Our Role

Concept Building, User Journey mapping, Application flow design, Experience Design, UI UX