Alle Projekte
UI/UX & Designsysteme
Veridian Designsystem
Ein einheitliches Designsystem und eine Komponentenbibliothek für konsistente Benutzeroberflächen über 14 SaaS-Produkte hinweg.
-55%
Entwicklerzeit gespart
2.4M
Aktive Nutzer/Monat
WCAG
AA Barrierefreiheit
Projektdetails
- Kunde
- Veridian Corp
- Jahr
- 2024
- Umfang
- UI/UX & Designsysteme
Überblick
Verschiedene Produktgruppen innerhalb der Veridian Corp hatten durch fragmentierte Designsprachen die visuelle Konsistenz verloren. Zudem verzögerte doppelte Entwicklungsarbeit die Releases.
Die Herausforderung
Die Herausforderung bestand darin, eine Single Source of Truth für Designer (Figma) und Entwickler (React) zu schaffen, die barrierefrei, hochperformant und modular aufgebaut ist.
Unser Ansatz
Wir synchronisierten visuelle Grundlagen wie Farben und Schriftarten über Figma Variables und Design Tokens. Zudem erstellten wir eine in Storybook dokumentierte Library mit über 120 barrierefreien Komponenten.
ReactTailwind CSSStorybookFramer MotionFigma Variables
Ergebnisse
- UI-Entwicklungsgeschwindigkeit um 55% erhöht
- Alle Produkte auf WCAG 2.1 AA Standard gebracht
- Designsystem erfolgreich in 14 Anwendungen implementiert