Back to works

UniCredit
The seamless evolution of home banking and public website

Hand with a mobile device in front of the laptop, both showing UniCredit interface

Establishing a consistent digital experience based on simplicity, clarity and clean visuals.

Team
Tangity
UniCredit Retail Channel Transformation
UniCredit Digital Governance
UniCredit Services
Services
Brand Experience Design
Experience Design
Inclusive Design
Systemic Design
Process Design
Content Design & UX Writing
Studios
Milan
Duration
18 months

Challenge

Starting with the definition of UniCredit’s new Innovation Design Strategy, we conducted an in-depth analysis of previously identified User Experience issues within the existing home banking platform and public website in close collaboration with UniCredit. 

While improving the overall usability, our goal was to continuously align both user touchpoints with the mobile experience, focusing on consistency and uniformity across all channels. This strategic and disruptive redesign proposal, however, was to be released in two waves. 

The first should focus merely on revising the website components from a chromatic point of view towards a lighter design. The following second wave, on the contrary, should focus on the actual redesign of the website components to respect the new UI design system with all its UX design improvements. All while adhering to the latest accessibility standards. 

Miro boards showing work in progress and team photos, both virtual and in-person

Approach

After benchmarking competitors and comparables with similar interaction user flows, we proceeded with stakeholder interviews to better understand their varying needs. 

We then defined an initial concept that would accommodate the different website component adoption waves, followed by an analysis of the main streams and UI design templates to be considered. 

Working four-handedly with the UniCredit stakeholders — including governance, business and development — we dipped the design system into the complex home banking environment to identify possible areas of improvement that addressed the individual needs of each business line.

Following, we created navigable and tangible prototypes that fully reflected the current user needs and state of development and would become a reference for future website implementations.

Throughout the entire process, we conducted regular user acceptance tests and quality checks with more than 14.000 UniCredit users to identify new opportunities that arose from the synergies between novel technologies and innovative design solutions.

Evolution timeline of UniCredit Public Website from 2018 to 2022

Working four-handedly with the client stakeholders — including governance, business and development — we dipped the design system into the complex home banking environment to identify possible areas of improvement that addressed the individual needs of each business line.

Following, we created navigable prototypes that fully reflected the current state of development and would become a reference for future implementations.

Throughout the entire process, we conducted regular user tests and quality checks with more than 14.000 users to identify new opportunities that arose from the synergies between novel technologies and design solutions.

Overview of UniCredit's Brick Design System components

Solution

The new design system, called Bricks, now standardizes all UX and UI design elements and components of UniCredit’s digital user touchpoints, ensuring consistency throughout all user interfaces and interactions. We’ve achieved a consistent solution between pre and post-login — on both the public vs. private desktop platform — also referencing UniCredit’s app for a seamless visual brand experience across all digital channels. 

We also enhanced the public website user experience by making it fully responsive by establishing a streamlined grid that would help optimize the currently supported viewports. 

The new public and private platforms now boast a modernized selection of color, characterized by a stronger use of white and accompanying pastel colors and photographic elements on a flat background, inspired by the designs we’ve already created for UniCredit’s Global Mobile App experience. 

All while respecting the three main UI design principles we’ve defined from the get-go: simple, clear and clean. 

Responsive interface shown on three different touchpoints: desktop, tablet and mobile
UniCredit platform presented in different steps of the flow.
"With UniCredit, we have established a true trust-based partnership that grows stronger project after project. With the new Internet banking and public website, we have shown that ensuring quality and consistency daily is key to designing services that will stand the test of time."
— Stefano Stella, Engagement Director, Tangity Italy
Four designers discussing with each other infront of white board.
Designer Alessandro Prette sitting in front of computer
Four designers working at desk
Stefano Stella (left) and Ruoshi Yang (right, pointing) infront of white board.
Four designers during a work session, two sitting at their laptops, two working at a white board

VISUALS

600+

Pages designed

METHODOLOGY

16

Usability test sessions

COMMUNICATION

15

1-to-1 interviews

COLLABORATION

3

Focus groups