Design-System-Workshop — Wien

Praktische, hands-on eintägige Session für Produktteams: Design Tokens, Komponentenbibliothek, Barrierefreiheit und Governance. Geeignet für Designer, Frontend-Entwickler und Product Owner.

  • Max. 12 Teilnehmer — interaktiv
  • Halber Tag oder ganzer Tag — anpassbar
  • Ort: Wien (vor Ort) oder remote
Anfrage und Termine Agenda ansehen
Workshop-Interaktion

Interaktive Sessions mit Live-Prototyping und Component Mapping.

Was behandeln wir?

  • Design Tokens und skalierbares Styling
  • Komponenten, Varianten und States
  • Barrierefreiheit und Keyboard-Flow
  • Dokumentation und Governance (Contribution Flow)
  • Integration mit Design-Tools und Code (Figma → React/Vue)

Jede Session enthält Hands-on-Übungen und ein Takeaway-Repository mit Beispielen.

Ergebnisse für Ihr Team
  • Schnelleres Prototyping und konsistentere UI
  • Weniger Design Debt und klarere Review-Prozesse
  • Wiederverwendbare Komponenten reduzieren Entwicklungszeit

Agenda (Beispiel — ganzer Tag)

Intro, Ziele; Tokenisierung; Aufbau von Farb-, Typografie- und Spacing-Tokens; Hands-on: Token Map.

Component Mapping, States und Varianten; Barrierefreiheits-Checkliste; Verknüpfung mit Design-Tool und Code-Snippets; Roadmap für die Implementierung.

Rollen, Wartungsplan, Contribution Guide und konkrete nächste Schritte für Ihre Organisation.
Praktisch
  • Max. 12 Teilnehmer pro Session
  • Bring Your Own Device; wir stellen Templates bereit.
  • Materialien: Templates, Checkliste, Beispiel-Repo
Angebot und Termine anfragen Preise & Pakete

Trainer

Trainer
Sanne de Vries

Senior UX-Strategin — Expertin für Design-Systeme und Barrierefreiheit, 10+ Jahre Erfahrung mit Produktteams.

Co-Trainer
Mark-Jan Peters

Frontend-Entwickler — Komponentisierung und Tooling (Storybook, Tokens, CI).

Gastredner
Ibrahim Kaya

DesignOps & Governance — Implementierung von Contribution Workflows und Releases.

Fallstudien & Beispiele

Fall 1
Skalierbare Komponentenbibliothek für SaaS-Produkt — Zeitersparnis 30 %.
Fall 2
Barrierefreiheits-Audit und Korrekturen für öffentlichen Dienst — WCAG-2.1-Verbesserungen.
Fall 3
Design-Token-Migration von Legacy-CSS zu Tokens — konsistentes Theming.

Pakete & Preise

Paket Dauer Enthalten Ab
Starter Halber Tag Token-Workshop, Komponenten-Scan €1.250
Voll Ganzer Tag Tokens, Komponenten, Roadmap €2.450
Vor Ort + Follow-up 1 Tag + 2 Wochen Support Repo, Doku, 2 Follow-up-Stunden €3.600
Buchung

Möchten Sie einen Termin buchen oder ein maßgeschneidertes Angebot? Fordern Sie über die Kontaktseite einen Vorschlag an — wir antworten innerhalb eines Werktags.

Kontakt & Angebot Verfügbarkeit prüfen

Standort & Erreichbarkeit

Workshops finden an zentralen Orten in Wien statt. Für Vor-Ort-Termine beim Kunden stimmen wir Park- und AV-Wünsche ab.

Wien Zentrum / noch festzulegen
Anfahrt & Ausstattung Datenschutz & Daten