Redesigning Prospa's Business Banking Webapp

Project

Prospa WebApp

Platform

WebApp

Year

2023

About

Prospa recognized the critical role of user experience in its web application's success. However, the previous web dashboard presented significant usability challenges and lacked a cohesive visual identity. This redesign aimed to not only address usability issues but also to implement a robust design system to ensure consistency and scalability across the platform.

My Role

As a pivotal member of the design team, my responsibilities included: Collaborating with other designers on the redesign effort, ensuring alignment with the overarching design system. Collaborating with cross-functional teams to gather insights and requirements.

Crafting intuitive and visually appealing user interfaces for each feature and overseeing the implementation process to maintain design fidelity.

Problem Discovery and User Feedback

The decision to redesign the web dashboard stemmed from a series of user feedback and usability studies. We conducted extensive user research using surveys and Interviews to understand user pain points and preferences. Feedback from users highlighted several key issues:

Navigation Challenges: Users struggled to find and access specific features within the web dashboard due to the complex navigation structure and lack of hierarchy.
Visual Inconsistencies: The dashboard lacked visual coherence, with inconsistent typography, color schemes, and UI elements, leading to confusion and disorientation.
Usability Friction: Users reported difficulties completing tasks efficiently, citing long wait times, slow response times, and a lack of visibility into their real issues.

Navigation Challenges: Users struggled to find and access specific features within the web dashboard due to the complex navigation structure and lack of hierarchy.
Visual Inconsistencies: The dashboard lacked visual coherence, with inconsistent typography, color schemes, and UI elements, leading to confusion and disorientation.
Usability Friction: Users reported difficulties completing tasks efficiently, citing long wait times, slow response times, and a lack of visibility into their real issues.

What were we trying to solve with this redesign?

Prospa’s previous web application faced usability challenges and lacked a cohesive visual identity, making it difficult for users to navigate seamlessly across features such as Accounts, Payments, Savings, Invoice, Manage, Billing, Business Hub, Webstore, Security, and Profile. To address this, we embarked on a comprehensive redesign. Additionally, with the increasing prevalence of mobile usage, it was imperative to ensure mobile responsiveness for a seamless user experience across devices.

How might we enhance the user experience and visual coherence of our web application, ensuring seamless navigation across diverse features.

What did we intend to achieve?

Improve User Experience

Enhance the overall usability of the web application, making it more intuitive and user-friendly for both new and existing users

Mobile Responsiveness:

Ensure that the redesigned application is fully responsive, providing an optimal experience across various devices and screen sizes

Enhance Feature Visibility

Improve the visibility and accessibility of key features, including Accounts, Payments, Savings, Invoice, Manage, Billing, Business Hub and Webstore

Design System Development

Collaborated with the design team to develop a robust design system, establishing standardized components, typography, color schemes, and interaction patterns