Fallstudie 01 · Comfone AG · Aug. 2024 – Okt. 20261 Min. Lesezeit
Ich habe das Pulse Designsystem gestaltet und die E-Learning-Plattform gebaut, die es PMs und Entwicklern vermittelt.
Letzte Instanz im Design = auch fürs Erklären zuständig.
Design Lead für 80+ Business-Apps. Ein Designer, kein Rebuild.
Pulse ist die Plattform von Comfone für 600+ Mobilfunkbetreiber. Ich habe an den COO und den Verwaltungsrat rapportiert. Jede App löste Layout, Charts und Navigation auf eigene Art, und angewendet wurden die Regeln von PMs und Entwicklern, nicht von Designern.
Jedes «Nein» hier war eine echte Option, die jemand wollte.
Gewählt: C Ein Zielgruppen-Schalter: Entwickler, PMs oder beide
Weil Entwickler brauchen zuerst den Code, PMs zuerst den Trade-off.
Warum nicht A: PMs und Entwickler öffnen selten Figma, um eine Regel zu lernen.
Warum nicht B: eine Stimme für zwei Zielgruppen hiess: Jede Seite war zur Hälfte irrelevant für ihre Leser.
Kompromiss: jede Seite doppelt geschrieben.
Gewählt: C Eine E-Learning-Plattform im eigenen Tempo
Weil Sie funktioniert ohne mich im Raum und zeigt, wer was gelernt hat.
Warum nicht A: ein Wiki wird einmal gelesen, wenn überhaupt, und niemand weiss, von wem.
Warum nicht B: Workshops hängen von meinem Kalender ab und sind nach der Stunde vorbei.
Kompromiss: Ich musste ein Produkt bauen und pflegen, nicht eine Seite.
Gewählt: C Grundlagen: Tokens, Grids, Charts, Navigation
Weil 80+ Live-Apps können Grundlagen eine nach der anderen übernehmen.
Warum nicht A: Komponenten erzwingen einen Rewrite, bevor sich ein Nutzen zeigt.
Warum nicht B: Vorlagen frieren die heutigen Apps ein, statt sie zu verbessern.
Kompromiss: anfangs weniger sichtbarer Schliff.
Grundlagen zuerst. Tokens lassen sich App für App einführen, eine Komponentenbibliothek nicht.
Zielgruppe wechseln, ⌘K oder Ctrl K drücken
Säule 1 von 4
Für Entwickler · so wenden Sie es an
Semantische Tokens verwenden, nie Rohwerte. Ein Token beschreibt seine Aufgabe und passt sich so ohne Codeänderung an Theme und Kontrastmodus an.
color: var(--text-muted);
background: var(--surface-raised);
padding: var(--space-4);Fertig heisst nicht eingeführt.
Das ehrliche Ergebnis
Fertig und dokumentiert. Der Rollout stockte, weil in den App-Teams kein Owner war.
Ein Designsystem ist ein Produkt mit Nutzern, Roadmap und Owner. Governance beginnt vor dem ersten Token.
Sofort verfügbar. Wohnhaft in Bern, offen für Umzug, Pendeln oder Remote-Arbeit.
