
Was ist Atomic Design?
Atomic Design ist ein Webdesign-Ansatz, in dem ein Design-Konzept von seinen einzelnen Bestandteilen her entwickelt wird. Aus kleinsten Komponenten kombiniert der Designer größere, funktionale Module. Die kleinsten Elemente des Design Systems sind sogenannte Atome, zum Beispiel die Farbpalette, Typographie-Elemente oder Icons. Daraus setzt man Moleküle zusammen, also kleine funktionale Einheiten – Formularfelder oder Buttons. Moleküle wiederum werden zu Organismen wie Content-Modulen kombiniert.
Flexible. Scalable. Ready for endless possibilities!
Klares Ziel, klare Lösung: Um die globalen Website-Strukturen bei Festool zu harmonisieren und jedem Land dennoch ein Höchstmaß an Individualiät zu ermöglichen, haben wir auf Basis des Pattern Labs ein skalierbares Design System nach dem Atomic Design Prinzip geschaffen, das flexibel und nachhaltig ist – und bleibt.



A living styleguide
Das Atomic Design System dient nicht nur der Vereinheitlichung aller Festool Websites. Es ist ein Living Styleguide, der auf weitere digitale Projekte angewandt werden kann – und dabei kontinuierlich mitwächst. In Zukunft können neue Elemente schnell und einfach aus dem Pool der vorhandenen Komponenten erstellt werden. Konsistenz? Zu jedem Zeitpunkt und über alle Teams hinweg gewährleistet.

Der Living Styleguide ist die Basis einer nachhaltigen, positiven User Experience und erspart zeitraubende Fleißarbeiten bei der Erstellung von UI-Komponenten.
We empower business
Der Festool Website Relaunch hat gezeigt: Die Etablierung eines intelligenten Design Systems auf Basis von Atomic Design wirkt nachhaltig. So konnten wir den Aufwand für die Neugestaltung des Festool Händlerportals extrem schlankhalten. Das spart Zeit und Kosten:
100% konsistente Design- und Code-Elemente
75% weniger Aufwand bei Folgeprojekten
