Wüstenrot

Wüstenrot Austria wanted to launch a new bank and selected us to deliver their new vision via an app that combines banking, insurance and home loans in one engaging ecosystem. We consolidated all their existing products in one brand, starting with a brand new design system. We then tackled, in record time, the whole product design for mobile, tablet and desktop.

Challenge

Harmonizing Website and App Styles for a Consistent User Experience

Wüstenrot has a substantial array of products and services that are frequently characterized by varying UI and UX designs targeted at diverse audience segments. The challenge was, therefore, to deal with these different brand experiences and visual identities within the Wüstenrot world. It meant our primary objective was to seamlessly integrate the styles of their existing websites and applications and, thereby, forge a cohesive visual identity for this new digital ecosystem.

Client

Wüstenrot AT

Services

Art Direction, Product Design, Prototyping, Design System

Date

2020-2021

Project link

Mission

In Depth Design System to Differentiate Between Banking and Insurance

We started by crafting a style guide based on the Atomic Design system. To lay the foundations of the products, we worked on both branding and UI. As there is a lot of depth to the service portfolio, we invested a great deal of work on color coding, for example, leveraging a monochromatic palette per product category as a vehicle for orientating users. It was also important to highlight the differences between banking and insurance products.

Approach

Creating an age- and usecase-responsive design for different user profiles

Each user – from insurance contracts to bank products – has very specific needs, on top of having a different demographic and browsing habits. We designed a product that remains user friendly for accounts with dozens of contracts as well as profiles with a single service. We also realized a product that matches the age of the target group by adapting the color codes, visuals and copywriting tone. As Wüstenrot has a fun and friendly mascot, Sten, we tried to use it as much as possible to emotionalize the experience, tell stories and lighten up the product.

Colors

#e61414

#af1414

#f0aa1e

#00afad

#edebe2

Font

Roboto

A Á B C D E É F G H I Í J K L M N O Ó Ö Ő P Q R S T U Ú Ü Ű V W X Y Z

a á b c d e é f g h i í j k l m n o ó ö ő p q r s t u ú ü ű v w x y z 1 2 3 4 5 6 7 8 9 0

Light

Regular

Bold

The little prince went to see the roses again: "You are not at all like my rose, you are nothing yet", he said to them. No one has tamed you and you have tamed no one. You are like my fox was. It was only a fox like a hundred thousand others. But I have made him my friend, and he is now unique in the world."

“ENNOstudio implemented the UI design and style guide for our vision in just six months. They showed an incredible sense for user-centric flows and designs and adapted to our workflows extremely fast. Thanks to great collaboration, we managed to create a completely new type of banking/insurance app.”

Nina Tamerl, Head of Innovation & Marketing, Wüstenrot

Learnings

Developing a Comprehensive Design System for Efficient Digital Product Management

In order to effectively manage a digital product with a diverse range of products and services, it is crucial to develop a comprehensive design system. This system provides a framework that enables the easy implementation of future additions and changes, while still maintaining a cohesive and consistent user experience. By establishing clear structures and rules, designers and developers work according to a unified understanding of the brand identity and a product’s desired look and feel. A well-defined design system not only streamlines the design and development process but also ensures a seamless and harmonious user journey across various offerings.