Ausarbeitung eines Designsystems

Das nach Atomic Design modular aufgebaute Designsystem bietet Konsistenz, Geschwindigkeit und Nachhaltigkeit. Es umfasst gestaltungsseitig eine systematische Definition von Typografie und Farbe sowie eine Komponentensammlung und entsprechende Anwendungsrichtlinien, um eine konsistente Gestaltung zu gewährleisten.

Abgestimmt auf cyons Bedürfnisse

Damit cyon den optimalen Nutzen aus dem Designsystem schöpfen kann, mussten wir eine Balance finden: Es soll einerseits strikt genug sein, um sicherzustellen, dass bereits erarbeitete UX/UI-Patterns wiederverwendet werden können. Andererseits soll es auch genügend Raum lassen, um sich flexibel den Anforderungen der unterschiedlichen Applikationen anzupassen.

Eine codebasierte, applikationsübergreifende Variablensammlung hat sich in unserem Fall als ideal herausgestellt: Sie schafft eine konsistente Verbindung zum gestalterischen Teil des Designsystems, ohne dabei an Adaptierbarkeit einzubüssen.

Gemeinsames Verständnis

Ein zunächst unscheinbarer und von mir unterschätzter Vorteil: Das Designsystem baut auf menschlicher Ebene Brücken. Es bietet eine einheitliche Sprache für die Bereiche UX/UI und Frontend, die wiederum zu einem geschärften gemeinsamen Verständnis und schlussendlich zu einem besseren Endprodukt führt.