Designsystem und Tokens

Designsystem für Teams mit mehreren Marken

Ich ordne Komponenten, Zustände, Namen und Regeln, damit Produkt, Design und Entwicklung nicht jede Ansicht neu erklären müssen.

Schwerelos Startseite mit Aussage und Dashboard-Vorschau
schwerelos.ioEigenes Produkt ansehen
Du bekommstBausteine und Regeln
Dauer

nach Bestand

Warum ich

Ich entwerfe Produkte und baue sie auch.

  • Konzern und eigenes ProduktTelefónica, ALDI TALK und HDI. Dazu neun eigene Produkte im Betrieb.
  • Entwurf und Code von mirKein Übergabeverlust zwischen zwei Gewerken.
  • Seit 2022 bei TelefónicaLaufende UX/UI-Arbeit an einer Plattform mit mehreren Marken.
  • Du sprichst mit dem, der bautKein Kundenbetreuer, kein Weiterreichen.
  • Mit KI schnellerEntwürfe und Texte gehen zügiger. Entschieden wird von mir.

Übliche Aufträge

Egal, wo dein Produkt gerade steht.

Neues Produkt

Für Gründer und Teams mit einer Idee oder einem Prototyp.

  • SaaS und Portale
  • Websites
  • iOS-Apps
  • Interne Werkzeuge
  • Erste Fassung statt Vollausbau
02

Laufendes Produkt

Für Teams mit einem Produkt, das seit Jahren gewachsen ist.

  • Neue Funktion im bestehenden Ablauf
  • Enterprise-Software
  • Shops und Konfiguratoren
  • Designsystem aufräumen
03

Laufende Begleitung

Für Produktteams, die laufend Entwürfe und Entscheidungen brauchen, ohne dafür eine Stelle zu besetzen.

  • UX/UI-Führung im Sprint
  • Abnahme von Entwürfen
  • Im Haus, Nearshore oder Offshore
  • Feste Tage, Laufzeit vorab vereinbart

Was sich ändert

Von auseinandergelaufenen Bausteinen zu einem Satz Regeln.

Was schon trägt

Ich behalte die Bausteine, die im Produkt benutzt werden, und trenne die Doppelungen.

Bausteine ordnen

Komponenten, Zustände und Regeln werden dort ergänzt, wo sie gebraucht werden.

Design Tokens

Farben, Abstände, Schrift und Zustände bekommen klare Namen und Einsatzzwecke.

Übergabe

Design und Entwicklung bekommen dieselben Begriffe und Regeln.

So arbeite ich

So wird das System nutzbar.

Ich prüfe echte Screens und ordne nur die Bausteine, die dein Team wirklich braucht.

  1. 01

    Was schon trägt

    Ich prüfe Figma, Produkt und die Stellen, an denen Bausteine auseinanderlaufen.

  2. 02

    Regeln benennen

    Namen, Varianten und Zustände werden klar und wiederholbar.

  3. 03

    Im Produkt anwenden

    Wir wenden die Regeln auf echte Ansichten an. Was dort nicht trägt, fliegt raus.

Arbeit

Eigene Produkte und Kundenprojekte.

Bei ALDI TALK kommen Farben, Schriften und Abstände aus dem vorhandenen Portal. Schwerelos habe ich selbst entworfen und gebaut.

Direkte Zusammenarbeit

Du sprichst immer mit der Person, die die Arbeit macht.

Bei größeren Vorhaben ziehe ich ein kleines Team dazu. Dein Ansprechpartner bleibe ich.

01

Ein sichtbarer Stand nach jedem Abschnitt.

Du siehst den nächsten Stand direkt. Offene Fragen klären wir an der Arbeit, nicht in einem Statusbericht.

02

Festpreis, bevor es losgeht.

Umfang und Preis stehen vorher schriftlich fest. Der Preis ändert sich danach nicht.

03

Alle Ergebnisse gehören dir.

Du bekommst alle Dateien, Belege, Regeln und offenen Punkte. Dein Team kann damit weiterarbeiten.

Häufige Fragen

Fragen vor dem Start.

Fehlt deine Frage? Schreib mir kurz, worum es geht.

Weitere Frage stellen
Was kostet ein Designsystem?

Du bekommst Umfang, Termin und Preis schriftlich, bevor du zusagst. Der Preis ändert sich danach nicht. Wie hoch er ist, hängt davon ab, wie viel ich prüfen, entwerfen oder bauen soll. Das klären wir im ersten Gespräch.

Was sind Design Tokens?

Design Tokens sind benannte Werte für Gestaltung, zum Beispiel Farben, Abstände, Schrift oder Zustände. Sie helfen, Figma und Code gleich zu halten.

Hilfst du bei Design Token Naming?

Ja. Namen müssen kurz, verständlich und im Produkt nutzbar sein. Sie heißen nach ihrem Zweck, nicht nach ihrer Farbe.

Brauchen wir ein neues Designsystem?

Nicht automatisch. Oft reicht es, die wichtigsten Bausteine, Zustände und Namen zu ordnen.

Arbeitest du mit bestehenden Komponenten?

Ja. Ich nutze, was trägt, und ändere nur, was die Produktarbeit bremst.

Erstes Gespräch

Erzähl mir, was du bauen willst.

Schick mir deinen Figma-Stand und eine Ansicht aus dem Produkt. Ich sage dir, was du ordnen musst und was bleiben kann.

Projekt besprechenDirekte Antwort von Stephan Lucka