Web-Design
von Grund auf
Die meisten scheitern nicht am Talent, sondern daran, dass sie nie wissen, welches Tool wann einzusetzen ist. Dieses Programm behandelt genau das — Figma, Adobe XD, Prototyping-Workflows — in 4 klar aufgebauten Modulen über 8 Wochen.
Platz anfragen
Programmablauf
4 Module, 1 klarer Weg
Grundlagen und Orientierung
WOCHE 1–2 — Wir starten mit einer ehrlichen Bestandsaufnahme: Welche Tools kennst du bereits, welche machen für dein Ziel überhaupt Sinn? Figma, Adobe XD und Sketch werden verglichen — nicht nach Hype, sondern nach konkretem Einsatzszenario.
Figma-Workflows im Detail
WOCHE 3–4 — Komponenten, Auto-Layout, Variablen: Figma kann mehr, als die meisten nutzen. Du baust in dieser Phase ein echtes Design-System mit mindestens 40 wiederverwendbaren Komponenten — kein Tutorial-Klon.
Interaktion und Prototyping
WOCHE 5–6 — Klickbare Prototypen, Micro-Animationen, Übergänge. Du lernst, wann ein Prototyp dem Kunden hilft und wann er nur Zeit kostet. Reale Entscheidungskriterien statt Lehrbuchtheorie.
Abschlussprojekt und Übergabe
WOCHE 7–8 — Du entwirfst ein komplettes Interface-Konzept und präsentierst es vor der Gruppe. Der Fokus liegt auf der Übergabe an Entwickler: saubere Benennung, Exportlogik, Entwickler-Handoff ohne Rückfragen.
Lernformate
Gruppe oder
Einzeln?
Beide Formate decken denselben Stoff ab — der Unterschied liegt im Tempo und in der Tiefe der Betreuung. Mehr als 6 Teilnehmer gibt es in einer Gruppe nie.
-
Gruppenunterricht
3–6 Personen, fester Wochenrhythmus mit 2 Live-Sitzungen à 90 Minuten. Feedback kommt nicht nur vom Instruktor, sondern auch von Mitlernenden — besonders hilfreich bei der Projektphase.
-
Einzelunterricht
Du bestimmst Tempo und Schwerpunkt. Sinnvoll, wenn du gezielt eine Lücke schließen willst oder bereits Berufserfahrung mitbringst und nicht alle 4 Module brauchst.
-
Aufzeichnungen und Materialien
Alle Live-Sessions werden aufgezeichnet und sind 6 Monate lang abrufbar. Dazu gibt es schriftliche Kurszusammenfassungen, Figma-Vorlagendateien und eine Checkliste für die Entwicklerübergabe.
Instruktoren
Die Personen dahinter
Lena Brückner
Lead-Instruktorin · Interface Design
Lena arbeitet seit 9 Jahren als Product Designer — zuletzt für eine Berliner SaaS-Agentur mit Kunden aus dem DACH-Raum. Sie unterrichtet seit 2024 und hat seither über 60 Teilnehmende durch das Programm begleitet. Ihr Fokus liegt auf Figma-Systemen, die tatsächlich wartbar sind — nicht nur im Demo schön aussehen.
Tobias Vieth
Prototyping & Interaction
Tobias kommt aus der Frontend-Entwicklung und sieht Prototyping aus beiden Perspektiven. Er leitet Modul 3 und bringt reale Projektbeispiele aus mehr als 14 abgeschlossenen Kundenaufträgen mit.
Marta Szymańska
UX-Grundlagen & Nutzerforschung
Marta leitet Modul 1 und arbeitet parallel als UX-Researcherin. Sie bringt konkrete Usability-Studien mit in den Unterricht — keine abstrakten Prinzipien, sondern messbare Ergebnisse aus echten Tests.
Fiona Hagedorn
Adobe XD & Visuelles Design
Fiona deckt die Adobe-XD-Einheit in Modul 2 ab und zeigt, wo die Unterschiede zu Figma praktisch relevant sind. Sie gestaltet seit 7 Jahren Print und Digital — Typografie ist ihr Schwerpunkt.
Lernumgebung
Wie Sitzungen ablaufen
Live-Gruppenarbeit
Echte Designs, echtes Feedback — keine Übungsaufgaben aus dem Lehrbuch
Einzelbetreuung
Direktes Review an deiner eigenen Datei — kein generisches Feedback