Zum Inhalt springen
in Kürze

UI/UX-Workshop · für Designer:innen

Barrierefreiheit wird im Design entschieden.

Farbe und Kontrast, Typografie, Komponenten-States und eine Übergabe, mit der Devs Barrierefreiheit direkt umsetzen können – als fester Teil eures Design-Prozesses, nicht als Nacharbeit.

Interesse anmelden
Ich melde mich, sobald der Workshop buchbar ist. Wer sich vorher meldet, bekommt Pilotkonditionen. Bis dahin ist der Sensibilisierungsworkshop die gemeinsame Basis für alle Rollen.
  • Halbtag 4 h · Ganztag ca. 7 h
  • bis 8 / 12 Personen
  • Remote oder vor Ort
Beispiel aus dem Workshop

Fokus vergessen?
Passiert ständig.

Beispiel aus dem Workshop: Ein Button ist in den States Default, Hover, Active und Error gestaltet, der Focus-State fehlt.

Die Realität

Kommt euch das bekannt vor?

Die Annahme, die ausbremst

  1. Barrierefreies Design sieht langweilig aus.

    Verständlich: Viele kennen nur Beispiele mit dicken Rahmen und Signalfarben. Doch Kontrast, klare States und gute Typografie schränken gutes Design nicht ein – sie sind gutes Design.

    stattdessen: Barrierefreiheit ist eine Design-Entscheidung, die früh getroffen wird. Dann kostet sie keine Ästhetik.

Was ihr mitnehmt

Nach dem Workshop könnt ihr …

  • Farbkontraste prüfen und barrierefreie Farbpaletten gestalten,

  • Typografie wählen, die lesbar und skalierbar bleibt,

  • interaktive Komponenten mit allen States entwerfen – inklusive Fokus,

  • Designs so annotieren, dass Devs sie barrierefrei umsetzen können,

  • Touch-Targets, Abstände und Motion bewusst beurteilen.

So arbeiten wir: Kein Frontalunterricht.

Wir arbeiten an euren echten Themen – mit euren Komponenten, euren Prozessen, euren Fragen.

  • Simulationen live
  • Hands-on in Figma
  • Arbeit an euren Files
  • Design-Review

Voraussetzung: Figma-Grundkenntnisse. Vorwissen zu Barrierefreiheit braucht ihr nicht.
Für: UI-, UX- und Product-Designer:innen, gern auch UX-Writing.

Formate & Preise

Gleiche Themen. Unterschiedliche Tiefe.

Pilotphase: 20 % für die ersten Buchungen

Paketpreis für den ganzen Workshop, nicht pro Person · zzgl. 19 % MwSt.
Optional: Follow-up-Session (2 h, ca. 4 Wochen nach dem Workshop) für 450 € zzgl. MwSt.

Ablauf

Von der Anfrage bis nach dem Workshop.

  1. jetzt

    Interesse anmelden

    Ihr meldet euch unverbindlich. Sobald der Workshop buchbar ist, melde ich mich.

  2. 30 Min

    Abstimmung

    In 30 Minuten klären wir, was euer Team braucht und welches Format passt.

  3. danach

    Termin & Rechnung

    Ihr bekommt Terminbestätigung und Rechnung. Bezahlt wird vor dem Workshop.

  4. ca. 1 Woche

    Zuschnitt

    Ich bereite den Workshop auf euer Team zu – mit euren Beispielen.

  5. Workshop-Tag

    Workshop & Wrap-up

    Remote oder vor Ort. Zum Schluss: Was nehmt ihr mit, was sind die nächsten Schritte?

  6. ~4 Wochen später

    Follow-up

    Optional: 2 Stunden, um Fragen aus der Praxis zu klären. 450 € zzgl. MwSt.

Remote oder vor Ort

Wo der Workshop stattfindet, entscheidet ihr.

Remote und vor Ort in Berlin kosten nichts extra. Außerhalb Berlins kommen Anfahrt und gegebenenfalls Übernachtung dazu – mit festen Pauschalen, damit ihr vorher wisst, woran ihr seid.

Remote
ohne Aufpreis
Vor Ort in Berlin
ohne Aufpreis
Berlin-Umland / Brandenburg (Rückfahrt am selben Tag)
+150 €
Deutschlandweit inkl. einer Übernachtung
+500 €
Jede weitere Übernachtung
+150 €

Tipp: Remote funktionieren die Workshops genauso gut.

Philipp hat kurze Haare und trägt eine Brille, ein blaues T-Shirt und eine schwarze Hose. Er hat die Hände in der Hosentaschen und lächelt in die Kamera.
Philipp Wahle Accessibility Consultant · Lehrbeauftragter
© 2025, Simon Veith

Wer leitet

Kein Frontalunterricht. Echte Themen. Euer Team.

Ich habe jahrelang selbst Frontends gebaut und mit Product- und Design-Teams gearbeitet. Heute unterrichte ich Barrierefreie Webentwicklung an einer Berliner Hochschule – und ich stottere. Barrieren kenne ich nicht nur aus der Theorie.

Case Studies ansehen → Mehr über mich →

Selbstcheck

Passt der UI/UX-Workshop zu euch?

Passt, wenn …

  • … ihr in Figma gestaltet und Barrierefreiheit früh mitdenken wollt.

  • … Fokus- und Fehlerzustände in euren Designs oft fehlen.

  • … die Übergabe an Dev bei Barrierefreiheit regelmäßig hakt.

  • … ihr an euren eigenen Files arbeiten wollt.

Etwas anderes hilft euch mehr, wenn …

  • … im Team noch kein gemeinsames Grundverständnis da ist. Dann startet mit dem Sensibilisierungsworkshop.

  • … ihr eine Bewertung eures fertigen Produkts braucht. Dafür ist ein Audit gedacht.

  • … es vor allem um die Umsetzung im Code geht. Dann passt der Dev-Workshop besser.

FAQ

Fragen zum Workshop

Interesse am UI/UX-Workshop?

Meldet euch unverbindlich. Ich melde mich, sobald der Workshop buchbar ist – mit Pilotkonditionen für alle, die früh dabei sind.

Interesse anmelden

  • Paketpreis, nicht pro Person.

  • Remote und in Berlin ohne Aufpreis.

  • Unsicher, welcher Workshop passt? Kostenloses Erstgespräch