01
Ziel & Nutzerbild
Du definierst, für wen du designst, welche Aufgabe die Seite löst und welche Aktion am Ende zählt.
Fokus
Leseführung
Neuer Look • Editorial-Design • Praktische Übungen
Webdesign, das klar wirkt – nicht zufällig
In unseren Kursen lernst du, wie du aus Ideen echte, saubere Layouts machst: Typografie, Raster, Komponenten und ein System, das auf jeder Seite funktioniert.
Rastersicherheit
Du erkennst sofort, warum ein Layout „wackelt“.
Typografie-System
Leseführung, Hierarchie, UI-Text in einem Set.
Responsive Patterns
Layouts, die sich sinnvoll umbauen – nicht nur schrumpfen.
„Das Gefühl, wenn dein Layout auf einmal ruhig wirkt: Abstände, Rhythmus, Typo – alles greift ineinander.“
– Kursnotiz aus dem Pro-Modul
Portfolio in Bausteinen
Du baust nicht nur „Screens“, sondern Ergebnisse mit Story: Problem → Lösung → Designsystem → Umsetzung.
02
Raster & Typografie
Du legst Spalten, Abstände, Heading-Set und Textgrößen fest – so entsteht ein ruhiges Grundgerüst.
Grid
Type
03
Komponenten
Buttons, Cards, Formulare: Du erstellst wiederverwendbare Elemente, statt jede Seite neu zu erfinden.
UI-Kit
System
04
Responsive Umsetzung
Du setzt das Projekt in HTML & CSS um – sauber strukturiert, leicht wartbar, mit sinnvollen Breakpoints.
HTML/CSS
Responsive
Stimmen aus der Lernpraxis
Kurz, ehrlich, konkret – so wie das Feedback im Kurs.
M
Mara, Quereinsteigerin
Ich habe endlich verstanden, warum meine Abstände vorher „zufällig“ waren. Die Übungen sind kurz, aber sie treffen genau die Punkte, die sofort Wirkung haben.
T
Tim, Freelancer
Die Komponentenbibliothek hat meinen Workflow gerettet. Weniger Chaos, mehr System – und Kunden merken das.
L
Lea, Studentin
Ich hatte „nur Designs“. Jetzt habe ich ein Projekt, das sich erklären lässt: Ziel, Layout, UI-System, Umsetzung.
Mini-Check: wirkt dein Screen „ruhig“?
- Wiederholen sich Abstände?
- Gibt es eine klare Hierarchie?
- Ist der Button-Stil konsistent?
Schneller Einstieg
Starte mit dem Starter-Kurs und upgrade später ohne Neuanfang.
Beratung: 3 Fragen – 1 klare Empfehlung
Formular ohne Server-Request: nach dem Absenden erscheint ein Erfolgs-Popup.
Kontakt
Schreib uns kurz, was du bauen willst. Wir empfehlen dir einen Kursstart und eine sinnvolle Reihenfolge.
Hinweis: Diese Demo verarbeitet Formulare lokal. Es werden keine Daten an einen Server gesendet.
FAQ
Kurze Antworten auf echte Fragen.
Kann ich ohne Design-Vorkenntnisse starten?
Ja. Wir beginnen mit Raster, Typografie und einfachen UI-Elementen – Schritt für Schritt.
Geht es auch um HTML & CSS?
Ja – du lernst, wie du Designs sauber umsetzt. Nicht „irgendwie“, sondern strukturiert.
Wie viel Zeit brauche ich pro Woche?
Viele schaffen mit 3–5 Stunden pro Woche stabile Fortschritte. Intensiver geht immer.
Gibt es Workshops vor Ort?
Optional in Köln – Termine nach Vereinbarung, je nach Nachfrage.