Redesign of the Investments section

Redesign of the Investments section

UI design and front-end development to simplify a complex experience and improve understanding of investment products.

Client

Zurich

Year

2020

Scope

UI Design / 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

Based in

Buenos Aires, Argentina

The content of this portfolio, including screenshots, workflows, data, and client names, is confidential. It is intended solely for professional evaluation purposes and may not be reproduced, shared, or used without prior written authorization.

Based in

Buenos Aires, Argentina

The content of this portfolio, including screenshots, workflows, data, and client names, is confidential. It is intended solely for professional evaluation purposes and may not be reproduced, shared, or used without prior written authorization.

Based in

Buenos Aires, Argentina

The content of this portfolio, including screenshots, workflows, data, and client names, is confidential. It is intended solely for professional evaluation purposes and may not be reproduced, shared, or used without prior written authorization.

Create a free website with Framer, the website builder loved by startups, designers and agencies.