Designsystem und Tokens
Gemeinsame Komponenten für deine Produkte.
Ich entwickle gemeinsame Bausteine und klare Regeln für dein Produkt. Bei mehreren Marken trenne ich, was gleich funktioniert, von dem, was eine eigene Gestaltung braucht.
Was du bekommst
Gemeinsame Regeln für Design und Entwicklung.
Für Produkte mit wiederkehrenden Abläufen und für Plattformen, die mehrere Marken oder Teams bedienen.
- 01
Wiederkehrende Muster erkennen
Ich prüfe vorhandene Ansichten und Komponenten. Das Team sieht, welche Unterschiede einen Grund haben und welche nur Aufwand erzeugen.
- 02
Bausteine mit klaren Zuständen
Komponenten beschreiben auch Auswahl, Fehler und fehlende Inhalte. Gemeinsame Werte für Farbe, Schrift und Abstand bleiben nachvollziehbar.
- 03
Regeln für die weitere Arbeit
Wir klären, wie neue Bausteine entstehen, wer sie prüft und wie Design und Entwicklung Änderungen abstimmen.
Am Produkt
Gleiche Kontoaufgabe, eigene Marke.
Ortel Mobile und NettoKOM zeigen die Anmeldung mit Passwort und einen Zugang ohne Passwort. Aufbau und Regeln müssen über die Marken hinweg zusammenpassen; Farbe, Schrift und Texte bleiben markenspezifisch.
Den Common-UX-Vorschlag des Integrators für Telefónica prüfte ich 2021 und ergänzte Empfehlungen für gemeinsame Regeln und begründete Markenvarianten. Zur übergreifenden Strategie habe ich im Team beigetragen.
Wir legen die Aufgabe, den Umfang und den Termin vor dem Start fest. Dein Team weiß, wann es Rückmeldung gibt und welche Ergebnisse es erhält.
Fragen zum Auftrag.
Können wir auf vorhandenen Komponenten aufbauen?
Ja. Ich prüfe, wie eure Bausteine im Produkt verwendet werden. Wir behalten begründete Varianten und klären, wo Unterschiede nur zu doppelter Arbeit führen.
Wie bleiben unsere Marken erkennbar?
Gemeinsame Abläufe brauchen nicht dieselbe Gestaltung. Wir beschreiben Farbe, Schrift und weitere Markeneigenschaften getrennt von den Regeln für die Bedienung.
Wie kommen die Regeln in den Code?
Ich stimme Aufbau und Zustände der Bausteine mit eurer Entwicklung ab. Gemeinsam legen wir fest, wie Änderungen aus dem Entwurf in den Code gelangen.
Wer pflegt das Designsystem danach?
Wir vereinbaren, wer neue Bausteine prüft und wie Design und Entwicklung Änderungen abstimmen. Dein Team erhält Regeln, mit denen es das System weiterführen kann.
Zusammenarbeit
Klären wir die gemeinsamen Bausteine.
Zeig mir eure Komponenten und ihre Verwendung im Produkt.
Weitere Aufgaben