Refund transfer

Mobile app

Mobile app

Mobile app

Caja los Andes - Refund transfer

My role

My role

My role

UX/UI designer

UX/UI designer

UX/UI designer

Company

Company

Company

Caja Los Andes

Caja Los Andes

Caja Los Andes

Duration

Duration

Duration

1 month

1 month

1 month

Project type

Project type

Project type

Mobile app

Mobile app

Mobile app

Contribution

Contribution

Contribution

Analysis

Analysis

Analysis

Flow process

Flow process

Flow process

High-fidelity Prototype

High-fidelity Prototype

High-fidelity Prototype

Tools

Tools

Tools

Miro

Miro

Miro

Figma

Figma

Figma

Monday

Monday

Monday

Caja Los Andes is a non-profit Private Law Corporation. Its social role is directly connected to managing social security benefits and improving the quality of life for its members.

Caja Los Andes is a non-profit Private Law Corporation. Its social role is directly connected to managing social security benefits and improving the quality of life for its members.

Project details

Project details

Problem definition

The complex design of the refund transfer flow was hindering member engagement. To increase usage, we needed to simplify the process and improve its usability.

The complex design of the refund transfer flow was hindering member engagement. To increase usage, we needed to simplify the process and improve its usability.

The complex design of the refund transfer flow was hindering member engagement. To increase usage, we needed to simplify the process and improve its usability.

Design criteria

I began transforming the user experience by analyzing existing screens, streamlining the flow, and elevating the app's aesthetics.

My role

I improved the web flow by analyzing the existing process and designing a new optimized solution.

I improved the web flow by analyzing the existing process and designing a new optimized solution.

I improved the web flow by analyzing the existing process and designing a new optimized solution.

Analysis

Analysis

I analyzed the web user flow and screens, identifying key areas for improvement.

I analyzed the web user flow and screens, identifying key areas for improvement.

Low Contrast & Small Fonts:

Low Contrast & Small Fonts:

Low Contrast & Small Fonts:

A lack of contrast and small fonts created accessibility issues within the interface, impacting users' ability to read and navigate.

Unoptimized UI:

Unoptimized UI:

Unoptimized UI:

The interface components were not mobile-optimized, resulting in a confusing user experience on mobile devices.

The interface components were not mobile-optimized, resulting in a confusing user experience on mobile devices.

The interface components were not mobile-optimized, resulting in a confusing user experience on mobile devices.

Outdated Design:

Outdated Design:

Outdated Design:

The outdated design not only frustrated users but also limited our ability to meet evolving user expectations.

The outdated design not only frustrated users but also limited our ability to meet evolving user expectations.

The outdated design not only frustrated users but also limited our ability to meet evolving user expectations.

Design solution

Design solution

I enhanced product consistency using the design system and developed new components to match the flow.

I enhanced product consistency using the design system and developed new components to match the flow.

Improving accessibility:

Improving accessibility:

Improving accessibility:

The interface was updated to align with the new design system, ensuring high contrast and larger fonts for improved accessibility.

New components:

New components:

New components:

To enhance the mobile app experience, I integrated new components and reorganized the information for easier navigation.

Design update

Design update

Design update

I integrated the design system's typography, color palette, and UI elements into the app's interface to establish a unified visual language.

I integrated the design system's typography, color palette, and UI elements into the app's interface to establish a unified visual language.

I integrated the design system's typography, color palette, and UI elements into the app's interface to establish a unified visual language.

Some decisions behind the design

Interface update to align with the new design system.

Informative text outlining the advantages and next steps.

Prioritizing key information for user clarity.

Stepper component to visualize the user's progress through the workflow.

Summary card displaying user-entered information for reviewing and editing.

Location

Montevideo - Uruguay

Time Zone GMT-3

Location

Montevideo - Uruguay

Time Zone GMT-3

Location

Montevideo - Uruguay

Time Zone GMT-3