Über die VP Bank
Die VP Bank ist eine international renommierte Bankengruppe mit Sitz in Liechtenstein. Als einer der führenden Finanzdienstleister der Region ist sie für ihre maßgeschneiderten Lösungen und ihren hohen Standard in der Kundenbetreuung bekannt.
1956
Gegründet
1024
Mitarbeiter:innen
5
Standorte
Zusammenarbeit mit TOWA
TOWA unterstützt die VP Bank im Rahmen einer strategischen Partnerschaft dabei, ihre digitale Präsenz zu modernisieren und ihre Designprozesse effizienter zu gestalten. Ziel der Zusammenarbeit ist die Entwicklung eines Multi-Plattform-Designsystems, das schrittweise auf bestehende Plattformen ausgerollt wird.
Die gemeinsame Challenge
Die VP Bank stand vor mehreren Herausforderungen:
Im Laufe der Jahre wurden immer mehr digitale Touchpoints entwickelt.
Diese wurden von verschiedenen Teams betreut, wodurch der Stakeholder-Kreis stetig wuchs.
Die Folge: fehlende Konsistenz in der visuellen Gestaltung über verschiedene Plattformen hinweg.
Zusätzlich stieg der Bedarf an optimierten Prozessen und Tools, um die Effizienz sowohl im Design als auch in der Umsetzung zu verbessern.
Unsere Lösung – Ein Multi-Plattform-Designsystem
TOWA entwickelte ein flexibles Designsystem, das sich nahtlos auf verschiedene digitale Plattformen übertragen lässt. Ein initialer Workshop wurde organisiert, um die Anforderungen und grundlegenden Designprinzipien zu definieren. Anschließend folgten eine kontinuierliche Betreuung sowie die iterative Weiterentwicklung des Systems, um es an neue Anforderungen anzupassen.
Kickoff-Workshop & UI-Inventory
Der Projektstart erfolgte mit einem Kickoff-Workshop, in dem Stakeholder und Design-Teams gemeinsam die Ziele und Erwartungen an das Designsystem definierten. Parallel dazu wurde ein UI-Inventory erstellt, das die bestehenden Designelemente analysierte und als Grundlage für die Systematisierung sowie Weiterentwicklung diente.
Enablement & Training
Da Designsysteme ein tiefes Verständnis für Design und Entwicklung erfordern, haben wir gemeinsam mit der VP Bank ein zweitägiges Figma-Training durchgeführt.
Ziel dieses Formats war es, den Stakeholdern in kurzer Zeit sowohl die Grundlagen von Figma näherzubringen als auch ein fundiertes Verständnis für UI-Design zu vermitteln. Durch eine Kombination aus theoretischem Input und praktischen Übungen wurden erste Komponenten gemeinsam entwickelt.
Designsystem
Um das Designsystem der Liechtensteiner Bank nachhaltig und erfolgreich aufzubauen, sollte das bestehende Design-Team der VP Bank nicht nur seine UI/UX-Design-Kompetenz erweitern, sondern auch Sicherheit im Umgang mit Figma gewinnen.
Von der richtigen Dateistruktur über das passende Figma-Paket bis hin zu Komponenten und Variants – durch eine Mischung aus Self-Learning-Ansätzen, iterativen Workshop-Einheiten und kontinuierlichem Coaching entlang eines strukturierten Prozesses wurde der Aufbau des Designsystems erfolgreich geschult.
Laufende Weiterentwicklung
Ein Designsystem ist ein lebendes Produkt. Aktuell besteht das VP Bank-Designsystem-Team aus vier bis sechs Personen, die wöchentlich acht bis sechzehn Stunden kontinuierlich an Optimierungen und Erweiterungen arbeiten.
Die Zusammenarbeit mit anderen multidisziplinären Projektteams, die neue Funktionen und Plattformen für die Organisation entwickeln, wird dabei immer spürbarer.
Das Designsystem im Einsatz
Mit jedem Projekt wird getestet, wie sich das Designsystem plattformübergreifend einsetzen lässt. Das hilft dem Team, das System weiter auszubauen, notwendige Anpassungen schnell zu identifizieren und potenzielle neue Bestandteile aufzunehmen.
Digital Onboarding
Nach der ersten Präsentation des Designsystems vor einem größeren Stakeholder-Kreis wurden wir beauftragt, es direkt in einem ersten Projekt einzusetzen: dem Digital Onboarding.
Dabei handelt es sich um ein Portal, das Kund:innen der VP Bank ermöglicht, Kundenbeziehungen elektronisch zu beantragen. Ziel war es, einen komplexen, mehrstufigen Prozess in der User Experience zu optimieren. Vor allem hat das Designsystem dazu beigetragen, visuelle Konsistenz zu anderen Portalen herzustellen.
Durch den Einsatz unseres UI-Kits konnte Zeit bei der Ausgestaltung eingespart werden, die wiederum genutzt wurde, um die User Experience und die Klickpfade zu optimieren.
Optimierungen im eBanking
Ein weiterer Meilenstein waren die Optimierungen der eBanking-App für mobile Endgeräte. Die bestehende App wurde über die Jahre hinweg immer wieder um Funktionen erweitert, wodurch die Bedienung für die Nutzer:innen nicht mehr selbsterklärend war. Auch die visuelle Konsistenz hatte darunter gelitten.
Im Zuge der Optimierungen wurden grundlegende Designentscheidungen wie Farben, Typografie, Abstände und das Grid vereinheitlicht sowie bestehende Icons neu gezeichnet. Auch Formularelemente wurden überarbeitet und an die Richtlinien des Designsystems angepasst.
Digitaler Geschäftsbericht
Ein weiteres Beispiel dafür, wie das Designsystem eingesetzt werden kann, ist der neue digitale Geschäftsbericht der VP Bank.
Wir wurden beauftragt, ein neues modulares Gestaltungskonzept zu entwickeln, das den analogen Geschäftsbericht ablöst. Ziel war es, mithilfe interaktiver, moderner Elemente und multimedialer Inhalte einen neuen Auftritt zu schaffen.
Besonders wichtig war es, plattformübergreifend konsistent zu bleiben und zugleich Theming durch Farben, Formen und Assets zu ermöglichen.
Messbare Erfolge im Überblick
📲
Konsistenz
Ein einheitliches Design über alle digitalen Kanäle hinweg sicherstellen.
🏃♀️➡️
Effizienz
Reduzierung der Designzeit durch die Wiederverwendung standardisierter Komponenten.
🤝
Zusammenarbeit
Verschiedene Stakeholder und Teams arbeiten enger zusammen.
„Die Zusammenarbeit mit TOWA haben wir nicht nur ein Designsystem der nächsten Generation entwickelt, sondern auch unsere Prozesse zur Umsetzung digitaler Projekte grundlegend verändert und verbessert.“
Jeannine Merkli
Senior Digital Marketing Manager VP Bank
Fazit
Die Zusammenarbeit zwischen der VP Bank und TOWA zeigt, wie durchdachte digitale Lösungen und gezielte Schulungen eine Marke nachhaltig stärken können. Mit einem flexiblen Designsystem, einem innovativen digitalen Geschäftsbericht und geschulten internen Teams ist die VP Bank bestens aufgestellt, um den Herausforderungen der digitalen Transformation zu begegnen.
Wollen Sie mehr über dieses Projekt erfahren?
Just send me an e-mail and I will get back to you!