Challenges
In six months, I led the UX/UI design to transform an outdated, feature-limited mobile banking app into a modern, user-friendly platform. The existing app's poor responsiveness, accessibility issues, and inconsistent visuals damaged Libro's brand and hindered customer retention.
This project was crucial in an increasingly digital landscape. Libro needed a cutting-edge solution to meet user needs and establish itself as a digital banking leader.
Goals
Expanding features
Providing intuitive payment options
Creating personalized experiences
Ensuring accessibility for inclusive design
Approaches
Understanding the complexity of the challenge, I implemented a three-phase strategy:
1. Immersion
I kicked off the project by deep-diving into Libro's ecosystem. Through stakeholder interviews and personas, I gained crucial insights into the company's offerings, goals, target users, and critical pain points of its current system. This phase was pivotal in aligning expectations and setting clear objectives for the project.
2. Discovery
Armed with a solid understanding of the context, I led a comprehensive discovery phase. This included conducting secondary research to identify feature gaps, developing hypotheses, and, most importantly, conducting concept testing. Observing real users interacting with our initial prototypes uncovered invaluable insights that shaped our design decisions.
Hypothesis Development
Hypothesis Development
-
Create a responsive website with a navigation system for personal and business accounts.
-
Improve accessibility.
-
Define a sustainable design system for consistency.
-
Show the Financial Advisor's avatar to help build rapport and increase engagement.
I like that. That was much simpler. When I tried to think about how I did it before, it wasn't as intuitive as this. – Staffer
Concept Testing
The consistency is there, which is nice. It doesn’t feel like a break in the experience. - Laura
3. Synthesis and Concept Generation
Synthesizing our findings, we identified key opportunities:
Creating an intuitive navigation system for both personal and business banking
Improving accessibility and usability across devices
Defining a sustainable design system for consistency
Increasing engagement to help users reach their financial goals
Solutions
Based on our insights, we developed a concept that addressed all key pain points:
Intuitive Interface:
We created a task-focused UI, removing non-essential features to provide a clean, efficient experience.
Feature Enhancements:
To amplify the Libro banking experience, we highlighted key features like e-transfers, improved account switching, and added detailed transaction information.
Enhanced Accessibility:
We ensured the design met WCAG 2.0 Level AA Standards, making the app inclusive for all users.
Consistent Design System:
We developed a comprehensive design system that improved user experience, enhanced development efficiency, and ensured cross-platform consistency.
Impacts
Solid Foundation
We established a sustainable and scalable design system for Libro's online banking platform.
Streamlined Operations
The design system simplified support and maintenance efforts for client teams.
Rapid Development
Leveraging our reusable components, the beta version was launched within six months.
Improved User Experience
Early feedback indicated significant improvements in user satisfaction and engagement.