Back to works

UniCredit
A seamless evolution for 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
Innovation Strategy
Process Design
Content Design & UX Writing
Studios
Milan
Duration
18 months

The challenge

Starting with the definition of UniCredit’s new 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 touchpoints with the mobile experience, focusing on consistency and uniformity across all channels. This disruptive redesign proposal, however, was to be released in two waves.

The first should focus merely on revising the 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 components to respect the new design system with all its UX improvements. All while adhering to the latest accessibility standards.

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

The methodology

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

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

We continued with the flow-based detail design, following an agile way of work and developing an accessible design system that focused on contrasts of the visual assets and rationalizing the existing design system.
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
"A strategic design supported by a close-knit team shared between us and UniCredit, mutual trust, lean methodology and the philosophy of ‘continuous improvement’ are the scenario for a winning and satisfying project for all."
— Andrea Abascia, Creative Director, Tangity Italy

The solution

The new design system, called Bricks, now standardizes all elements and components of UniCredit’s digital touchpoints, ensuring consistency throughout all 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 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 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 while positively impacting its users."
— 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