Integrating UPI for a Smoother IOB Experience: Balancing New Features with Consistent Design
Indian Overseas Bank (IOB) is a public sector bank in India with a wide branch network and international presence. It offers customer-friendly banking services, including accounts, loans, and digital banking.
Design Team
Director of Design
Rajaram Shetty
Lead Designer UX
Gokul Chandran
Sr Designer UX
Rahul R Pillai
Duration
March - May 2024
My Role
I joined the project at the Visual Design phase, where I established the app’s visual style and developed a comprehensive design system. I delivered a total of 250 mobile screens, ensuring timely completion and alignment with the IOB brand identity.
Project Challenge
IOB approached us to reimagine their mobile app, aiming for a visually engaging experience that sets it apart from typical banking applications. The goal was to design an interface that not only appealed to users but also enhanced usability, aligning with modern UX standards to create a standout digital banking experience.
Old IOB Screens
Crafting the Ideal Look and Feel
To meet IOB's vision of a fresh and engaging app, we started by exploring different UI concepts for the home screen. Our goal was to create a modern design that users would find both appealing and easy to use. Over a week of design sprints and team discussions, we developed three unique visual styles that reflected IOB's brand and user-focused design. After presenting these options, the client selected the third style, which offered a perfect mix of a modern look and intuitive navigation, aligning with IOB’s aim of enhancing their digital experience.
Building a Consistent Design Foundation
Once the final visual style was selected, we created a foundational style sheet to ensure visual consistency across the app. This style sheet defined the core UI components, including typography, color palette, buttons, icons, and spacing guidelines. By standardizing these elements, we aimed to maintain a cohesive look and feel throughout the app, supporting a seamless user experience. This approach not only enhanced design consistency but also streamlined the handoff process for developers, enabling efficient implementation and a polished, unified interface.
Final Designs
Onbaording
Main Key Screens
Let’s Collaborate
©
Rahul R Pillai
2024