UniCredit The seamless evolution of home banking and public website
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.
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.
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.
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.