Zur Weiterentwicklung des Design Systems FiBRE Single Blend wurde eine durchgängige Verbindung zwischen Figma-Design und der codierten Komponentenbibliothek in Storybook geschaffen.
Anstelle isolierter, projektbezogener Lösungen sorgt eine 1:1-Zuordnung von Figma-Komponenten und Code-Komponenten für ein reibungsloses Design-to-Code-Handoff. Damit wird schnelleres Prototyping entlang bestehender Muster ermöglicht und der Fokus im Team stärker auf das Lösen komplexer Nutzerprobleme statt repetitiver UI-Erstellung gelegt.
Als Single Source of Truth versorgt das Design-Sytem sämtliche digitalen Touchpoints von Vorwerk, von eCommerce über Backend-Tools bis zu nativen Apps, mit denselben Design- und Code-Assets. Barrierefreiheit nach WCAG 2.2 AA sowie responsive Breakpoints sind dabei von Beginn an in der Komponente mitgedacht und skalieren automatisch über alle Märkte hinweg, was globale Rollouts wie One Page Checkout oder Single PDP spürbar beschleunigt.
