VP Bank Design System
Das entwickelte Designsystem sorgt für ein konsistentes Benutzererlebnis auf allen digitalen Kanälen.
- Einheitliches Design über alle Plattformen
- Verbessertes UX dank neuer Komponenten
- Wiedererkennbares Design stärkt das Markenimage
- Steigerung der Effizienz bei Entwicklung neuer digitaler Produkte
- Optimierter Designprozess
Dank der neuen Komponenten des Designsystems konnten wir die Benutzerfreundlichkeit unserer Online-Angebote deutlich verbessern. Die konsistente Gestaltung stärkt unser Markenimage und beschleunigt gleichzeitig die Entwicklung neuer digitaler Produkte.
Felipe Gomez de Luis
Head of Group Marketing & Client Experience, VP Bank AG
Beschreibung
Business
Ein Designsystem ist mehr als nur ein Styleguide – es ist eine strategische Investition. Durch die Vereinheitlichung des Designs und die Bereitstellung wiederverwendbarer Komponenten steigert ein Designsystem die Effizienz in der Entwicklung und reduziert gleichzeitig die Time-to-Market für neue Produkte und Features.
Ein konsistentes Markenerlebnis über alle digitalen Touchpoints hinweg stärkt das Vertrauen der Kunden und fördert die Markenloyalität.
Das Designsystem harmonisiert und beschleunigt den Designprozess durch klare Richtlinien und wiederverwendbare Komponenten.
Tech
Technologisch setzt dieses Designsystem auf Webkomponenten – das native Komponentenmodell des Webs. Diese Technologie ermöglicht es uns, leichtgewichtige und Framework-unabhängige Komponenten zu entwickeln, die in verschiedenen Projekten und Umgebungen wiederverwendet werden können. So gewährleisten wir maximale Flexibilität und Zukunftssicherheit.
Für die einfache Nutzung und Weiterentwicklung des Designsystems steht eine umfassende Dokumentation bereit: Designer finden alle Informationen in Figma, während Entwickler in Storybook die Komponenten interaktiv erleben und testen können. So wird die Integration in neue Anwendungen erleichtert und die Zusammenarbeit zwischen Design und Entwicklung optimiert.
GUI & Frontend
Das Designsystem fungiert als Baukasten für digitale Produkte. In Figma entworfen und dokumentiert, stellt es sicher, dass alle Designentscheidungen konsistent und nachvollziehbar sind.
Die interdisziplinäre Zusammenarbeit verschiedener Agenturen hat zu einem ganzheitlichen System geführt, das sowohl den Bedürfnissen der Nutzer als auch den Anforderungen des Business gerecht wird.