Wüstenrot

Wüstenrot Österreich plante die Einführung einer neuen Bank und beauftragte uns mit der Umsetzung ihrer neuen Vision in Form einer App, die Bankgeschäfte, Versicherungen und Baufinanzierungen in einem ansprechenden Ökosystem vereint. Wir konsolidierten alle bestehenden Produkte unter einer Marke und begannen mit einem brandneuen Designsystem. Anschließend haben wir in Rekordzeit das gesamte Produktdesign für Handy, Tablet und Desktop entwickelt.

Herausforderung

Harmonisierung von Website- und App-Styles für eine konsistente User Experience

Wüstenrot verfügt über ein umfangreiches Angebot an Produkten und Dienstleistungen, die sich häufig durch unterschiedliche UI- und UX-Designs auszeichnen, die auf verschiedene Zielgruppen ausgerichtet sind. Die Herausforderung bestand also darin, mit diesen unterschiedlichen Markenerlebnissen und visuellen Identitäten innerhalb der Wüstenrot-Welt umzugehen. Das bedeutete, dass unser Hauptziel darin bestand, die Stile der bestehenden Websites und Anwendungen nahtlos zu integrieren und dadurch eine kohärente visuelle Identität für dieses neue digitale Ökosystem zu schaffen.

Kunde

Wüstenrot AT

Services

Art Direction, Product Design, Prototyping, Design System

Datum

2020-2021

Projekt-Link

Mission

Fundiertes Designsystem zur Unterscheidung zwischen Bank und Versicherung

Wir begannen mit der Erstellung eines Styleguides auf der Basis des Atomic Design Systems. Um die Grundlage für die Produkte zu schaffen, arbeiteten wir sowohl am Branding als auch an der Benutzeroberfläche. Da das Dienstleistungsportfolio sehr umfangreich ist, investierten wir viel Arbeit in die Farbkodierung, z. B. durch den Einsatz einer monochromatische Farbpalette pro Produktkategorie als Orientierungshilfe für die Benutzer. Es war auch wichtig, die Unterschiede zwischen Bank- und Versicherungsprodukten hervorzuheben.

Der Ansatz

Erstellung eines alters- und anwendungsfallgerechten Designs für unterschiedliche Nutzerprofile

Jeder Nutzer – von Versicherungsverträgen bis hin zu Bankprodukten – hat sehr spezifische Bedürfnisse, zusätzlich zu den unterschiedlichen demografischen Merkmalen und Browsinggewohnheiten. Wir haben ein Produkt entwickelt, das auch bei Konten mit Dutzenden von Verträgen oder bei Konten mit einem einzigen Service benutzerfreundlich bleibt. Außerdem haben wir ein Produkt entwickelt, das dem Alter der Zielgruppe entspricht, indem wir die Farbcodes, das Bildmaterial und den Ton der Texte angepasst haben. Da Wüstenrot über ein lustiges und freundliches Maskottchen, Sten, verfügt, haben wir versucht, es so oft wie möglich einzusetzen, um das Erlebnis zu emotionalisieren, Geschichten zu erzählen und das Produkt aufzulockern.

Farben

#e61414

#af1414

#f0aa1e

#00afad

#edebe2

Schrift

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

Der kleine Prinz ging zu den Rosen zurück: "Ihr seid meiner Rose überhaupt nicht ähnlich, ihr seid noch nichts", sagte er zu ihnen. Niemand hat euch gezähmt, und ihr habt niemanden gezähmt. Ihr seid, wie mein Fuchs war. Er war nur ein Fuchs wie hunderttausend andere. Aber ich habe ihn zu meinem Freund gemacht, und jetzt ist er einzigartig auf der Welt".

“ENNOstudio hat für unsere Vision binnen von nur sechs Monaten das UI-Design und den Style Guide umgesetzt. Sie haben ein unglaubliches Gespür für userzentrierte Flows und Designs gezeigt und sich enorm schnell an unsere Workflows angepasst. Durch die tolle Zusammenarbeit ist es uns gelungen, eine völlig neuartige Banking/Insurance App zu schaffen. ”

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

Erkenntnisse

Entwicklung eines umfassenden Designsystems für effizientes digitales Produktmanagement

Um ein digitales Produkt mit einer Vielzahl von Produkten und Dienstleistungen effektiv zu verwalten, ist es entscheidend, ein umfassendes Designsystem zu entwickeln. Dieses System bietet einen Rahmen, der die einfache Implementierung zukünftiger Ergänzungen und Änderungen ermöglicht, während gleichzeitig ein kohärentes und konsistentes Benutzererlebnis erhalten bleibt. Durch die Festlegung klarer Strukturen und Regeln arbeiten Designer und Entwickler auf der Grundlage eines einheitlichen Verständnisses der Markenidentität und des gewünschten Erscheinungsbilds eines Produkts. Ein gut definiertes Designsystem optimiert nicht nur den Design- und Entwicklungsprozess, sondern gewährleistet auch eine nahtlose und harmonische Benutzerführung über verschiedene Angebote hinweg.

mobile screens for wuestenrot by ennostudio

responsive screens for wuestenrot by ennostudio

insurance screens for tablet for wuestenrot by ennostudio

insurance screens for wuestenrot by ennostudio

zoom in of an insurance screens for wuestenrot by ennostudio

responsive landing pages for wuestenrot by ennostudio

Einige unserer Arbeiten

Checken Sie unser Portfolio

Einige der bemerkenswerten Erlebnisse, die wir bereits in Zusammenarbeit mit unseren Kund:innen geschaffen haben.

Cembra Money Bank

Customer Insights Produktdesign Prototyping User Research UX/UI Design Wireflow

Cembra Money Bank beauftragte uns für die Verbesserung des Onboarding-Prozesses für ihre Sofortkreditkarte. Wir konzentrierten uns darauf, die Konversionsrate und die Zahl der erfolgreichen Kreditkartenanträge zu erhöhen und gleichzeitig den Prozess benutzerfreundlicher zu gestalten.

Migros Bank

Customer Insights Design System Produktdesign Prototyping

Als Sparringspartner und externes Designteam arbeiteten wir am Onboarding-Prozess, dem neuen mobilen und webbasierten E-Banking-Benutzererlebnis und einem neuen Konzept für den Handel. Von Interviews und JTBD bis zum Screendesign haben wir den gesamten Ideationsprozess abgedeckt.

BARMER

Customer Insights Development Ideation Produktdesign Prototyping UX/UI Design

Wir haben an einer gamifizierten Lernplattform für Mitarbeiter:innen gearbeitet, welche barrierefrei ist und Funktionen zur Zusammenarbeit anbietet. Unser Team begleitete das Projekt vom Design, durch die Entwicklung, bis hin zur kreativen, internen Einführungskampagne.

OwnCo

Customer Insights Ideation Produkt Strategie Produktdesign Prototyping UX/UI Design

Unser Team aus Designern und Strategen untersuchte in 8 Sprints zwei Geschäftsrichtungen. Wir sprachen mit potenziellen Kunden, deckten Schwachstellen auf, gaben strategische Hilfestellungen und testeten Wireframes, um die ersten Abläufe für das zukünftige Produkt zu entwickeln.