Konfigurierbare React-Komponenten sorgen für ein einheitliches Bild auf der Website von Alexander Bürkle

Wir haben das React Design System von Alexander Bürkle um konfigurierbare, wiederverwendbare Komponenten erweitert, jede in Storybook entwickelt und dokumentiert, damit die Website einheitlich bleibt und sich leichter pflegen lässt.

Ein Look

Einheitliches Erlebnis auf der ganzen Website

Konfig statt Code

Seiten werden per Konfiguration angepasst, nicht neu gebaut

Alexander Bürkle GmbH & Co. KG project showcase

Die Herausforderung

Alexander Bürkle wollte ein einheitliches, modernes Design auf der gesamten Website. Das bestehende React Design System brauchte weitere Komponenten, und jede Seitenanpassung ohne sie bedeutete zusätzlichen Entwicklungsaufwand.

Der Ansatz

Wir haben das bestehende Design System um zusätzliche React-Komponenten in TypeScript erweitert. Jede Komponente lässt sich über Optionen konfigurieren, sodass dieselbe Komponente auf verschiedenen Seiten passt. Wir haben jede Komponente so gebaut, dass sie ohne großen Entwicklungsaufwand wiederverwendet und angepasst werden kann. Entwickelt und dokumentiert haben wir jede Komponente in Storybook.

Die Ergebnisse

Alexander Bürkle verfügt über einen Satz wiederverwendbarer Komponenten, die die Nutzererfahrung auf der gesamten Website einheitlich halten. Storybook dokumentiert jede Komponente, was Zeit und Aufwand für Website-Updates reduziert. Das Team kann Seiten jetzt durch Konfiguration bestehender Komponenten anpassen, statt neue zu bauen.

Ein Look

Einheitliches Erlebnis auf der ganzen Website

Konfig statt Code

Seiten werden per Konfiguration angepasst, nicht neu gebaut