Investments section redesign

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

Investments section redesign
Client Zurich
Year 2020
Scope UI Design / Front-End

Context

Zurich offered a range of investment products within its digital ecosystem.

However, the section had comprehension problems, making it hard for users to understand the available alternatives and make informed decisions.

The main problem wasn't usability, but the lack of information needed to make decisions.

Original design of Zurich's investments section

Goals

My role

I joined the project once the initial research and a first architecture had already been defined.

My job was to take that foundation to a clear, usable, testable final experience, focusing on the interface, information hierarchy, and the functional prototype.

Proposal

The new experience reorganizes information around decision-making:

Redesign: from the original view to the individual account balance Redesign: balance evolution comparison Mobile adaptation of the investments section

Validation with an HTML prototype

The final round of user testing was done with an HTML mockup, since the different features and the dynamic chart evaluation couldn't be done with traditional tools like InVision or Figma.

This made it possible to properly validate:

View prototype

Impact

The new design and user testing produced the following results:

Next project