Vontobel eBanking
Vontobel hatte mehrere Produktteams, keine gemeinsame Design-Sprache und eine Banking-App, die für das gesamte Private Banking skalieren musste. Meine Aufgabe war nicht nur das Redesign der App sondern den Aufbau des Systems, das konsistentes und skalierbares Design in der gesamten Organisation erst möglich macht.
Kunde
Vontobel
Datum
2023-2025
Rolle
Senior System
Designerin
App Store
Herausvorderungen
Herausforderungen im Bereich UX
Wie entwickeln wir eine zukunftsweisende E-Banking-App, die nicht nur funktional und ästhetisch überzeugt, sondern auch intuitive Navigation und personalisierte Interaktionen bietet, während sie sich nahtlos in die bestehende Vontobel-Architektur integriert? Oder kurz, wie bieten wir ein einfaches und modernes Banking-Erlebnis?
Die Lösung ist
Durch einen agilen und interdisziplinären Entwicklungsansatz mit fortlaufenden Nutzertests haben wir unsere E-Banking-App grundlegend überarbeitet.
Sie vereint eine intuitive Navigation und personalisierte Dienste mit einer herausragenden User Experience, die sich den wechselnden Kundenbedürfnissen anpasst, ohne die Markenintegrität zu kompromittieren.
Herausforderungen im Bereich UI
Wie entwickeln wir ein umfassendes Design System für die Vontobel E-Banking-App, das zur Markenidentität passt, über mehrere Teams und Apps skaliert und gleichzeitig neue Tools wie den Figma Dev Mode einführt ohne eine bestehende System-Grundlage?
Die Lösung ist
Wir haben von Grund auf ein tokenbasiertes Design System in Figma aufgebaut eng an der Markenidentität von Vontobel ausgerichtet und auf Skalierung ausgelegt. Durch die enge Zusammenarbeit zwischen Design-, Entwicklungs- und Branding-Teams haben wir eine gemeinsame Design-Sprache geschaffen, die einen neuen Standard für die digitalen Produkte von Vontobel setzt.
Vorgehen und Zusammenarbeit
Die Entwicklung der Vontobel E-Banking App basierte auf einer engen, interdisziplinären Zusammenarbeit. Durch agile Sprints und regelmässige Iterationen integrierten wir Design und Funktion effizient. In Workshops und mittels Prototyping und kontinuierlichem User-Testing wurden Designkonzepte schnell visualisiert und angepasst.
Wichtig war auch die kontinuierliche Validierung verschiedener Designvarianten, um sicherzustellen, dass die Lösungen sowohl technisch machbar als auch visuell ansprechend sind.
Design Evolution Prozess
Validation
Getestet mit 100+ Testusern.
Expert Reviews durch Relationship Manager (RMs).
Old E-Banking
Wealth 2.0 Prototyp
Was hat sich geändert?
Direkter Erfolg
+34.5%
Durchschnittliche Dauer
-31.3%
Falschklick-Rate
-19.2%
Resultat
alte Applikation vs. neue Applikation
Figma Design System
Im Rahmen des Redesigns habe ich von Grund auf ein umfassendes, tokenbasiertes Design System in Figma aufgebaut. Über 70 UI-Komponenten wurden entwickelt und über alle Zustände, Varianten und Micro-Interaktionen hinweg dokumentiert.
Ich habe einen Komponenten-Review-Prozess mit dem Engineering-Team etabliert — um sicherzustellen, dass jedes neue Pattern technisch validiert wird, bevor es in die Library aufgenommen wird. Zusätzlich wurden Kommunikationsprozesse eingeführt, die alle Teams über neue oder geänderte Komponenten informieren und so Inkonsistenzen über Produktoberflächen hinweg reduzieren.
Das System wird heute als gemeinsame Library von mehreren Teams und Applikationen innerhalb von Vontobel genutzt als Single Source of Truth für Design und Entwicklung.
User Feedback
Hohe Gesamtzufriedenheit
Sowohl die Benutzerfreundlichkeit als auch das Design wurden überwiegend positiv bewertet, wobei 72 % die Benutzerfreundlichkeit und 80 % das Design positiv bewerteten.
User Feedback
“Ich liebe den logischen Ablauf der Website, der es mir leit macht, alle Aufgaben erfolgreich zu erledigen.”
Hohe Benutzerfreundlichkeit für User mit Finanz Background
Nutzer mit fortgeschrittenem Finanzwissen bewerteten die Benutzerfreundlichkeit und das Design am positivsten, was darauf hindeutet, dass die Plattform gut auf die Bedürfnisse erfahrener Nutzer abgestimmt ist.
User Feedback
“Die Übersichtlichkeit und Funktionalität sind ausgezeichnet, und ich finde, dass alles an der richtigen Stelle ist.”
Ansprechendes Design für alle Altersgruppen
Jüngere Nutzer (unter 40) und erfahrene Anleger bewerteten das Design besonders gut, was darauf hindeutet, dass die moderne, übersichtliche Oberfläche der Plattform eine breite Bevölkerungsgruppe anspricht.
User Feedback
“Schlichtes schwarz/weiss gefällt mir. Das Design wirkt frisch und modern.”
Feedback zur Navigation
Die meisten Nutzer empfanden die Navigation als übersichtlich, obwohl kleinere Anpassungen (z. B. Hinzufügen von Tooltips und Verringerung des Leerraums) die Intuitivität verbessern könnten, insbesondere für Nutzer mit Vorkenntnissen.
User Feedback
“Sie Seite hat aber m.E. noch zu viel Weiss – d.h. zu viel Platz wird verschwendet und die Seite wirkt dadurch gestreckt.”
App Icon
Impact
Das Design System ist live in mehreren Vontobel-Apps und wird aktiv von Teams genutzt, die nicht am ursprünglichen Projekt beteiligt waren. Es hat die Reibung zwischen Design und Entwicklung reduziert, eine konsistente visuelle Sprache in der gesamten Bank etabliert und ermöglicht neuen Teams einen schnelleren Einstieg dank einer klaren, dokumentierten Grundlage.
Die messbaren Ergebnisse sprechen für sich: +34.5% direkte Aufgabenerfolgsrate, −31.3% durchschnittliche Sitzungsdauer, −19.2% Misclick-Rate — validiert mit über 100 Testnutzern und Expertenreviews durch Relationship Manager.
Testimonials
Reliable, creative, and positive are the first words that come to mind when I think of Daphne. I would say that working with her is a blend of professionalism and meaningful collaboration. What truly sets her apart is how comfortable people feel around her from the beginning, making it easy to dive straight into projects without the usual initial barriers. It’s not just her personable nature, it’s the combination with her broad knowledge and expertise that foster an environment where projects flow seamlessly from the very start.
Semira Deanova
Head Finance & Risk Transformation Office