Vontobel eBanking
Mit der Gestaltung dieser Banking-App wurde eine Lösung geschaffen, die Nutzer dabei unterstützt, ihre Finanz-geschäfte jederzeit und überall sicher und bequem zu erledigen. Die App vereint Funktionalität und Benutzer-freundlichkeit.
Kunde
Vontobel
Datum
2023-2025
Rolle
Senior UI 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 überzeugendes und markenkonformes Design für die Vontobel E-Banking App, wenn wir noch kein etabliertes Designsystem haben, dieses zukünftig über die ganze Bank etablieren wollen, und wir gleichzeitig neue Tools wie den Figma Dev Mode einführen?
Die Lösung ist
Um die Herausforderungen zu meistern, haben wir Prozesse etabliert und ein umfassendes Designsystem aufgebaut, das eng mit unserer Markenidentität abgestimmt ist.
Durch die enge Zusammenarbeit zwischen den Design- und Entwicklungsteams sowie Branding konnten wir eine kohärente und überzeugende Benutzeroberfläche schaffen, die sowohl funktional als auch ästhetisch mit dem Vontobel-Brand harmoniert und im Private Banking neue Massstäbe 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
Mit der Erneuerung unserer E-Banking App haben wir ein umfassendes Design System eingeführt. In Figma wurden über 70 UI-Komponenten erarbeitet und in allen möglichen Varianten definiert (States, Micro-Animations usw.).
So entstand eine zentrale Library, welche bereits von anderen Teams und Applikationen innerhalb von Vontobel genutzt wird und ein konsistentes Erscheinungsbild unserer Apps sicherstellt.
Meine Verantwortung bestand darin, ein nachhaltiges Figma-Designsystem aufzubauen, zu dokumentieren und weiterzuverwalten sowie eine reibungslose Übergabe an die Entwickler sicherzustellen.
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
Durch die sorgfältige und durchdachte Arbeit an Figma Design System
kann mein Kunde jetzt schnell und zuverlässig das E-Banking App weiterentwickeln, was zu einem verbesserten Kundenerlebnis,
effizienterer Kommunikation und einer Zunahme an positivem Kundenfeedback geführt hat.
Ausserdem habe ich durch die Arbeit am Figma Design System sichergestellt, dass ein konsistenter Auftritt für diverse digitale Produkte von Vontobel gewährleistet ist. Dieser kann nun auch einfach als neuer Standard auf weitere Apps von Vontobel angewendet werden.
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 Jawat
Technical Product Manager
at Vontobel