Baubap Home App
I redesigned Baubap’s app home screen to improve usability and highlight key information like payment dates and new product offers. The goal was to create a cleaner, more intuitive experience that helps users easily navigate their financial options and stay on top of their payments.
Completion Date
October 2024
Category
Product Design, Design System
Sector
Financial
Scope
Due to the complexity and size of this project, we divided the work into smaller phases, or "batches," allowing us to deliver incremental results and refine our approach along the way. This method helped manage the project’s scope, enabling adaptability to findings from each batch and ensuring we maintained alignment with evolving business and user needs.
My Role
As the Product Designer, I was at the heart of the design work – from the big-picture ideas to the tiniest details. My role included everything from researching user needs to working directly with developers to bring the designs to life. The mission was to make sure our solutions didn’t just look good but also truly helped our users.
Challenge
When we began, we knew our users were struggling to find key information. Payment dates, account status, and important reminders were often lost in the layout. The design was cluttered and confusing, so our job was to fix that by simplifying things and making sure essential details were front and center. ✶ The main product challenge: Users couldn’t easily find important info like payment dates and account updates, leading to frustration and missed reminders. ✶ The main business challenge: A cluttered design hurt customer loyalty and kept people from using more features. We needed a cleaner, consistent look across iOS and Android to keep users engaged and happy.
Research
We didn’t jump into design right away. First, we wanted to truly understand the issues. Key insights revealed that users found it challenging to locate critical loan information quickly. Additionally, a lack of visual consistency across components made the app feel fragmented. These findings helped us prioritize features like a prominent loan status panel, clear payment reminders, and a simplified navigation structure.
Solution
✶ Prioritizing Information We restructured the home screen to prioritize key user information, such as loan statuses, payment due dates, and account actions. We redesigned the home screen to put essential information at the top – things like loan status, payment reminders, and actions users need to take. This hierarchy was validated through user testing, ensuring that the most critical information was immediately visible. ✶ Loan Status at a Glance We created a system of “modules” for different product states, like “Incomplete Application,” “In Transit,” and “Active Loan”. Each state had its own look and info, so users always knew exactly where they stood and what they needed to do. ✶ Consistency With the design system in place, we could maintain a clean, unified style. Every color, font, and button had its role, so users wouldn’t feel jarred going from one screen to the next.
What's happening so far?
Since the project is ongoing, we’re still gathering data on user interactions and feedback. However, we anticipate improvements in user engagement and a reduction in support requests related to loan status and payment clarity.We’re hopeful that as more users experience the redesign, we’ll see a drop in support questions around loan clarity and payment details.
Afterwood
Taking on a project this big in smaller chunks has been a smart move. It allowed us to learn and adapt with each phase, making each batch better than the last. This approach reinforced the importance of being flexible and listening to users. While we’re still waiting on final results, we’re optimistic that this redesign will empower users to feel more in control of their loans. The next steps? Fine-tuning the experience based on real-world data and, perhaps, adding more features to help users manage their finances even better.
Deliverables
Research, User Flows, Wireframes, UI Design, Design System Updates, Usability Testing Insights, Handoff Documentation
Credits
Syl Alaniz