UI design and front-end development to simplify a complex experience and improve understanding of investment products.
Cliente
Zurich
Año
2020
Scope
Diseño UI / Front-End
Overview
Zurich had a range of investment products within its digital ecosystem.
However, the section had comprehension issues, making it difficult for users to understand the available options and make informed decisions.
The main problem was not usability, but the lack of information to make decisions.

Objectives
Improve understanding of investment products
Facilitate comparison between options
Guide decision-making
Create a clearer, more trustworthy experience
My role
I joined the project once the initial research and the definition of a first architecture were completed.
My work was to bring that foundation into a clear, usable, and testable final experience, focusing on the interface, information hierarchy, and functional prototype.
Evolution from wireframes to high-fidelity visual design
Experience redesign centered on research insights
Improved hierarchy, clarity, and information scanning
Integration of a library that renders charts from a JSON
Mobile adaptation
Front-end prototype development for validation
Proposal
The new experience reorganizes information around decision-making:
Clear view of the current investment status
Visualization of performance and returns
Comparison between key values
Access to detailed information without overwhelming the interface
Better navigation between sections



Validation with HTML prototype
The last round of user testing was carried out with an HTML mockup since the different functionalities and evaluation of dynamic charts did not allow it to be done with traditional tools like InVision or Figma.
This made it possible to properly validate:
Chart comprehension
Interpretation of metrics
Navigation between sections
Impact
The new design and user testing yielded the following results
All users found the information they were looking for
Significant improvement in data comprehension
High satisfaction compared with the previous version
Greater clarity in reading metrics
Increased confidence in decision-making
