Raisin - The Dashboard

Raisin is a web-based banking app that allows users to manage and open multiple savings and CD accounts, consolidating their finances in one place.

Role

UI/UX Designer

Product Strategy, User Research, Interaction, Visual design, Prototyping & Testing

Duration

Duration

March - May 2024

Feature shipped

Feature shipped

June 2024

Overview

I collaborated closely with another UX researcher to guide this project within an agile environment. We thoughtfully divided our responsibilities, aligning them with the timeline working with our product manager .Our approach began with a comprehensive discovery phase, incorporating research and scope definition to lay a solid foundation for the project. This process ensured that we addressed both user needs and business goals effectively.

I am half the design team at Raisin US.

Background

The app lacked a dashboard to display an overview of their total savings and financial status. Our goal was to develop a dashboard that enables users to easily digest and manage their daily financial information, enhancing the user experience to be more intuitive and user-friendly, ultimately boosting retention and satisfaction.

Problems of old design

  • User needs were not clearly defined and resolved.

  • Usability testing revealed that users struggled to locate their total balance within the app.

  • Users with multiple products found it challenging to view their balance across different products, leading to confusion about their overall financial status.

This gives more transparency and autonomy for users to resolve the problem within the app on their own instead of waiting for retries or having to contact customer service.


This gives more transparency and autonomy for users to resolve the problem within the app on their own instead of waiting for retries or having to contact customer service.


There was only an account overview, which had no breakdown of the users existing cashflow and money.

There was only an account overview, which had no breakdown of the users existing cashflow and money.

Process

Define Key Metrics: I collaborated with stakeholders to define KPIs and metrics the dashboard should track. It was crucial to ensure these metrics aligned with both user priorities and business objectives to provide successful data

Analyze the Scope: Using impact mapping, I prioritized dashboard features based on their relevance to user needs and business value. I designed the ideal state of the dashboard, focusing on delivering the most impactful features first and iterating based on user feedback and data insights.

Identify User Needs: I started off by conducting thorough user research, interviews, and usability testing to gather comprehensive insights into user behavior and preferences.

Develop the MVP: I designed the dashboard interface to be simple, intuitive, and free from unnecessary complexity. The focus was on using clear language, effective visual hierarchy, and intuitive navigation to help users quickly grasp and interact with the dashboard. Additionally, I adopted a mobile-first approach to ensure that the essential details were effectively presented on smaller screens, enhancing usability across devices.

Monitor and Analyze Usage: I continuously monitored user interactions with the dashboard to identify patterns, popular features, and areas of low engagement. By leveraging heatmaps, Google Analytics, and user feedback, I was able to guide iterative improvements and enhancements to optimize the user experience.


Gathering insights

After collecting the recordings from the user interviews, I conducted affinity mapping with my teammate to synthesise the pains identified. We grouped these problems under common themes and features in the platform.

Priotizing the issues

By collaborating closely with stakeholders within our tight timeline, I developed an ideal state for the dashboard using Lean UX. We employed rapid prototyping, design sprints, and iterative design processes to ensure progress within the short timeline. Through thorough research of our existing EU dashboards and evaluating them against our products and audience, we gained a deep understanding of the US users and their product usage. This allowed us to create a dashboard that precisely addressed their specific wants and needs, ensuring a user-centric design approach.

Reduce revenue loss caused by misunderstandings of financial products and decrease the workload for customer service agents.

Business goal

Narrowing down the scope of work

I conducted usability testing sessions with our primary users to validate the new designs. During these sessions, users interacted with the prototype and performed tasks, allowing us to gather detailed insights into their thought processes, needs, and preferences. Based on this feedback, we identified specific areas where the design met their expectations and areas needing improvement. We then incorporated these insights into our MVP, ensuring it effectively addressed user problems and met their needs.

Opportunities

Based on the above problems identified, I worked towards addressing these pains by coming up with potential solutions:

  • Reducing the number of steps to minimize time to completion

  • Enabling the Overview button to allow users to be able to move into the next step

  • Establishing clearer visual form hierarchy by grouping related fields

  • Removing unnecessary information, aside from the visuals needed.

Breakdown of portfolio

Breakdown of portfolio

The dashboard allows users to digest their money breakdown, allowing them to better manage their financial institutions.

This gives more transparency and autonomy for users to resolve the problem within the app on their own instead of waiting for retries or having to contact customer service.


This gives more transparency and autonomy for users to resolve the problem within the app on their own instead of waiting for retries or having to contact customer service.


The dashboard allows users to digest their money breakdown, allowing them to better manage their financial institutions.

This gives more transparency and autonomy for users to resolve the problem within the app on their own instead of waiting for retries or having to contact customer service.


Financial Institutions

Financial Institutions

The dashboard allows users to digest their money breakdown, allowing them to better manage their financial institutions.

This gives more transparency and autonomy for users to resolve the problem within the app on their own instead of waiting for retries or having to contact customer service.


This gives more transparency and autonomy for users to resolve the problem within the app on their own instead of waiting for retries or having to contact customer service.


The dashboard allows users to digest their money breakdown, allowing them to better manage their financial institutions.

This gives more transparency and autonomy for users to resolve the problem within the app on their own instead of waiting for retries or having to contact customer service.


Results & takeaways

  1. Iterate on Feedback: Use the insights from the usability testing to make any necessary adjustments to the design.

  2. Further Testing: Conduct additional testing sessions to ensure that the improvements continue to meet user needs.

  3. Documentation: Document the findings and changes to provide a clear rationale for design decisions and future reference.

After launching the product, we closely monitor metrics such as onboarding completion rate, member stickiness rate, retention rate, user satisfaction, and usability to gauge its impact.

Conducting more user research and testing with prototypes could have helped the company save 6 months of development time. In some cases, leadership may prioritize certain features or design elements that do not align with the recommendations of product designers. As a designer, I've learned that it's important to provide alternative solutions and explain the potential benefits and risks of each option to help inform decision-making.

15.5%

Improved daily active users
(DAU)

have gone up by 15.5% since the launch of the Experience Tab

22.4%

Increase in feature adoption rate
(measure in new feature)

Time during post login has gone up 22.4% since the launch.

14.2%

Increased in session frequency

(total sessions/ total users)

Users increased engaging with dashboard 14.2% since the launch.

Validating the designs

  1. Improved Navigation: Users found it easier to locate the total amount of money they had and the breakdown of their financial products. This indicates that the new design enhances the overall navigation experience.

  2. Product Identification: The users could easily identify which financial products were still active. This suggests that the design effectively highlights important information.

  3. Simplified Financial Overview: The overall breakdown of money was clearer to the users, making it less arduous for them to understand their financial situation.

These findings are crucial as they validate that the new designs are solving the users' problems by making it easier to navigate, identify, and understand their financial information.

Lets connect

Lets connect