Cembra Money Bank

Cembra Money Bank ist ein Schweizer Kreditinstitut, das uns gebeten hat das Onboarding für ihre Sofortkreditkarte zu verbessern. Unsere Mission war es, den bestehenden digitalen Onboarding-Prozess zu optimieren, um die Konversionsrate und die Anzahl der erfolgreichen Kreditkartenanträge zu erhöhen und gleichzeitig den Prozess attraktiver und benutzerfreundlicher zu gestalten.

Herausforderung

Überwindung von Onboarding-Hindernissen mit einer skalierbaren Lösung

Cembra sah sich mit der Herausforderung konfrontiert, dass der Onboarding-Prozess hohe Abbruchraten aufwies. Das Problem war in erster Linie auf UX- und UI-Probleme zurückzuführen, aber auch auf technische Einschränkungen und spezifische interne Anforderungen bei Compliance und Risk. Wir wussten, dass wir eine umfassende Lösung entwickeln müssen, die nicht nur diese Pain Points adressiert, sondern auch die einzigartigen Anforderungen der verschiedenen Partner erfüllt und dabei konsistente Markenelemente beibehält. Darüber hinaus musste die Lösung im Hinblick auf künftige Erweiterungen leicht skalierbar sein, um die nahtlose Aufnahme weiterer Einzelhandelspartner zu ermöglichen.

Kunde

Cembra

Services

Prototyping, Wireflow, Wireframe, Prodcut Design, UX/UI Design, User Research, Customer Insights, UX Audit

Datum

2023

Der Ansatz

Daten- und erkenntnisbasierter Ansatz

Auf der Grundlage der Ergebnisse unseres Audits und der Benutzertests konzentrierten wir uns auf die Optimierung der Customer Journey und die Beseitigung von Pain Points. Mit Hilfe von Figma entwarfen wir Wireframes und einen Wireflow, um das optimale Nutzererlebnis zu visualisieren. In diesem Prozess haben wir unter anderem Wartebildschirme verschlankt und Fragenpaarungen für mehr Intuitivität neu definiert. Außerdem haben wir uns auf kundenzentrierte Textanpassungen konzentriert, um den Ablauf leichter verständlich und ansprechender zu gestalten.

wireframes designed by ennostudio for migros bank showing a customer interaction
simulation fs a mobile phone audit made by ennostudio for cembra banking

Design-Audit

Der Leitfaden, der uns zu einem erfolgreichen Onboarding-Flow führt

Während dea Audits konzentrierten wir uns auf den logischen Ablauf der Journey, um sicherzustellen, dass sich der Weg intuitiv anfühlt und dass die Inhalte korrekt und harmonisch angeordnet sind. Wir prüfen auch, ob die Nutzer:innen wissen, was sie als Nächstes erwartet, damit sie sich sicher bewegen können, insbesondere wenn sie zu Diensten von Drittanbietern geleitet werden.

Besonderes Augenmerk legen wir auf UI-Elemente, die für die Benutzerführung benötigt werden, wie CTA, Formulare und Eingabefelder, sowie auf visuelle Hilfsmittel wie Illustrationen und Icons. Unser Ziel ist es, jede Interaktion an den etablierten UX-Mustern auszurichten, die die Nutzer erwarten, und gleichzeitig sicherzustellen, dass sie ein komfortables Erlebnis haben, insbesondere im Hinblick auf Barrierefreiheit und Usability-Standards.

Zu guter Letzt überprüfen wir Inhalt und Nachrichtenübermittlung, um sicherzustellen, dass die Sprache klar, umfassend und auf den Punkt gebracht ist und gleichzeitig den Bedürfnissen der Nutzer:innen entspricht.

simulation fs a mobile phone audit made by ennostudio for cembra banking

Design-Audit

Der Leitfaden, der uns zu einem erfolgreichen Onboarding-Flow führt

Während dea Audits konzentrierten wir uns auf den logischen Ablauf der Journey, um sicherzustellen, dass sich der Weg intuitiv anfühlt und dass die Inhalte korrekt und harmonisch angeordnet sind. Wir prüfen auch, ob die Nutzer:innen wissen, was sie als Nächstes erwartet, damit sie sich sicher bewegen können, insbesondere wenn sie zu Diensten von Drittanbietern geleitet werden.

Besonderes Augenmerk legen wir auf UI-Elemente, die für die Benutzerführung benötigt werden, wie CTA, Formulare und Eingabefelder, sowie auf visuelle Hilfsmittel wie Illustrationen und Icons. Unser Ziel ist es, jede Interaktion an den etablierten UX-Mustern auszurichten, die die Nutzer erwarten, und gleichzeitig sicherzustellen, dass sie ein komfortables Erlebnis haben, insbesondere im Hinblick auf Barrierefreiheit und Usability-Standards.

Zu guter Letzt überprüfen wir Inhalt und Nachrichtenübermittlung, um sicherzustellen, dass die Sprache klar, umfassend und auf den Punkt gebracht ist und gleichzeitig den Bedürfnissen der Nutzer:innen entspricht.

Kreativer Prozess

Beseitigung von Pain Points und Optimierung des Wireflows

Auf der Grundlage der Ergebnisse unseres Audits und der Benutzertests konzentrierten wir uns auf die Optimierung der Customer Journey und die Beseitigung von Pain Points. Mit Hilfe von Figma entwarfen wir Wireframes und einen Wireflow, um das optimale Nutzererlebnis zu visualisieren. In diesem Prozess haben wir unter anderem Wartebildschirme verschlankt und Fragenpaarungen für mehr Intuitivität neu definiert. Außerdem haben wir uns auf kundenzentrierte Textanpassungen konzentriert, um den Ablauf leichter verständlich und ansprechender zu gestalten.

Kreativer Prozess

Beseitigung von Pain Points und Optimierung des Wireflows

Auf der Grundlage der Ergebnisse unseres Audits und der Benutzertests konzentrierten wir uns auf die Optimierung der Customer Journey und die Beseitigung von Pain Points. Mit Hilfe von Figma entwarfen wir Wireframes und einen Wireflow, um das optimale Nutzererlebnis zu visualisieren. In diesem Prozess haben wir unter anderem Wartebildschirme verschlankt und Fragenpaarungen für mehr Intuitivität neu definiert. Außerdem haben wir uns auf kundenzentrierte Textanpassungen konzentriert, um den Ablauf leichter verständlich und ansprechender zu gestalten.

wireframes designed by ennostudio for migros bank showing a customer interaction

Ein Tablet-Computer zeigt ein Screendesigns für NV von ENNOstudio.

Verbesserung der User Experience und des Interface

Mit dem optimierten Wireflow als Grundlage konzentrierten wir uns auf konkrete Verbesserungen an der UX und UI. Wir änderten den Fortschrittsbalken zur besseren Orientierung und fügten interaktive Tooltipps und Schritt-für-Schritt-Erklärungen zur Unterstützung der Benutzer:innen ein. Außerdem haben wir ansprechende Illustrationen und Icons eingeführt, um die visuelle Attraktivität zu erhöhen. Darüber hinaus hat unser Team das UI-Design aufgefrischt und Branding-Elemente implementiert, die speziell auf Retail-Partner zugeschnitten sind und sich nahtlos in die White-Label-Lösung einfügen.

cembra product design navigation detail

Farben

#004d8c

#80b03a

#848484

#dddddd

#ffffff

Schrift

Vista Sans OT

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

Aa

Light

Aa

Regular

Aa

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".

“Accatectatis consed quam sa quo volupta nullorit il invella ntisit quidem quam sint molor sam, sunt lis inum fugiate sus dere et ab init, senda dolestinti consectectus derorer ciaeperest, et eium ipsapel iste”

Max Mustermann

Director, Head of Customer Experience – Cembra

Erkenntnisse

Höhere Konversionsraten durch eine nahtlose Onboarding-Erfahrung

Wir haben einen hochgradig optimierten, visuell ansprechenden und nutzerorientierten Onboarding-Flow entwickelt, der die Konversionsraten deutlich erhöht und die Abbruchraten reduziert. Durch die Behebung von UX- und UI-Problemen haben wir eine nahtlose Customer Journey für Benutzer:innen geschaffen, die sie mühelos durch jeden Schritt des Prozesses führt.

cembra mockups designed by ennostudio for migros bank showing a customer interaction

Einige unserer Arbeiten

Checken Sie unser Portfolio

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

Coming Soon!

Im Moment können wir noch keine Informationen zu diesem Projekt bekannt geben. Wenn Sie sicher gehen wollen, dass Sie nicht verpassen, wenn wir es veröffentlichen, schicken Sie uns eine E-Mail