Redesigning the Account's section

Supervielle is an argentinian bank that is undergoing a digital transformation of its banking products and operations.

Year

2023

Project

Garaje de ideas

Role

Product designer
UX Writer
UX Researcher

Project overview

Redesigning the Account's section

Problem

With the implementation of a new design system, the entire online banking is being redesigned to maintain consistency between the experiences. In this case, the previous one was lacking some features and the experience generated friction with other channels, such as the app.

Business Requirements & Constraints

I engaged in consultations with product team to gain an understanding of the project goals. To ensure clarity and alignment, I also communicated regularly with developers and understood their capabilities and technical constraints.

Solution

We've redesigned the user interface improving the information architecture to solve user pain points simplifying the app’s workflow and making features more discoverable.

Our north
01

Adopt a consistent design language across channels.

02

Promote fluid and understandable communication.

03

Make it easy to find and navigate to the success of a task.

UX/UI Audit

The project started with a comprehensive UX audit of the current section, with a primary focus on enhancing user-friendliness, simplifying UI, and analysing it from the user’s goals perspective.

KEY AUDIT INSIGHTS
UX complexity causes user errors and lost data.
Navigation is confusing, hierarchy and nesting are not clear.
Common tasks take an irrational amount of time to complete and are not easily accessible.
Overwhelming amount of text across the system that could be replaced with graphics, iconography, or imagery.
Overly technical and intimidating look and feel of the UI.

Discover

In the discovery phase, we undertook the following steps:
-brief making with the P.O. and business team
-viewing metrics on Google Analytics
-analyzing heatmaps and recordings on HotJar
-deriving insights
-conducting benchmark analysis

These steps allowed us to establish a strong foundation by aligning objectives, understanding user behavior, identifying pain points, and gaining insights from competitors. This comprehensive approach ensured that we had the necessary information to make informed decisions and to begin ideating the solution.

Ideate

We did the first explorations, we design the user-flow and the Information Architecture of the section and then we started thinking the wireframes using our Design System and taking in consideration other experiences and flows of the bank.

Prototype

In this phase we worked on High Fidelities Wireframes, we did the validation with the Design System team in order to check the correct implementation of it and also with Content's team to ensure the words and messages were all right.

Finally, we've created the script for the usability test and prototyped in order to test with users.

Sign In

Intro screen and onboarding

Sign In

Intro screen and onboarding

Sign In

Intro screen and onboarding

Sign In

Intro screen and onboarding

Sign In

Intro screen and onboarding

Sign In

Intro screen and onboarding

Sign In

Intro screen and onboarding

Sign In

Intro screen and onboarding

Sign In

Intro screen and onboarding

Sign In

Intro screen and onboarding

Sign In

Intro screen and onboarding

Sign In

Intro screen and onboarding

More Case Studies