Webdesign lernen: von der Planung zur Seite, die Anfragen bringt
Der kostenlose Webdesign-Kurs in 17 Lektionen und 4 Modulen: erst das Design-Handwerk von Typografie bis Bildsprache, dann die Seiten vom Hero bis zum Formular, dazu Nutzerführung samt Barrierefreiheit und am Ende die Frage, warum Besucher nicht zu Anfragen werden.
Kostenlos & ohne Anmeldung·jede Zahl mit nachlesbarer Quelle·Stand 2026
Für wen ist dieser Kurs?
Ob erste eigene Seite oder Agenturangebot auf dem Tisch: Der Kurs holt dich dort ab, wo du stehst.
Wer die erste Website plant
Du willst eine Seite und weißt nicht, wo du anfängst. Modul 1 gibt dir das Design-Handwerk von den Prinzipien bis zur Bildsprache, Modul 2 baut daraus Seite für Seite.
Start: Lektion 1.1
Wer seine Seite selbst betreut
Du hast eine Website und pflegst sie selbst. Jede Lektion endet mit Handgriffen für deine eigene Seite, Modul 4 zeigt die Stellschrauben, die aus Besuchern Anfragen machen.
Kernmodule: 1 + 4
Wer eine Agentur beauftragt
Du vergibst die Umsetzung und willst mitreden können: was ein Wireframe leisten muss, was das Barrierefreiheitsgesetz verlangt und mit welcher Formel du Feedback gibst, mit dem ein Designer arbeiten kann.
Kernmodule: 1 + 2
Was dir dieser Kurs wirklich bringt
Handwerk statt Design-Folklore. Statt Mythen bekommst du die fünf Prinzipien, an denen du jeden Entwurf beurteilen kannst, und den Kneif-Test, der jede Diskussion sachlich macht.
Barrierefreiheit ohne Angstmache. Das Barrierefreiheitsgesetz gilt seit Juni 2025. Die Lektion beantwortet aus dem Gesetzestext, ob es dich betrifft, statt Panik zu verkaufen.
Jede Lektion endet mit Handgriffen. Kein Vorlesungsstoff: Abstands-Inventur, Headline-Umbau, Formular-Prüfung – alles Dinge, die du heute an deiner eigenen Seite ausführen kannst.
Testen mit realistischem Anspruch. Die meisten kleinen Unternehmen haben zu wenig Besucher für aussagekräftige A/B-Tests. Der Kurs sagt das und zeigt, was stattdessen hilft.
Dein Lernpfad: 4 Module, 17 Lektionen
Jede Lektion steht für sich. Zusammen ergeben sie den Weg von der leeren Seite zur Website, die Anfragen bringt. Empfohlene Reihenfolge: von oben nach unten.
Design-Handwerk
Die Regeln, die eine Seite teuer aussehen lassen.
Design-Prinzipien: woran du einen guten Entwurf erkennst
Fünf Prinzipien, ein Kneif-Test und Feedback, mit dem ein Designer arbeiten kann.
Typografie: die Schrift macht die Seite
Schrift wählen, Staffel festlegen, Paarungen bauen, Lesbarkeit sichern.
Farben: Palette, Akzent, Wirkung
Basis, Grauleiter, ein Akzent mit fester Aufgabe: das Klickbare.
Website-Layout: das Raster, das man nicht sieht
Container, Spalten, Sektionsrhythmus und der Blickverlauf zum Button.
Bildsprache: Fotos und Grafiken, die verkaufen
Jedes Bild hat einen Job: echte Fotos, Blickrichtung, eine Bildfamilie.
Seiten designen
Vom Entwurf zur Seite, die zum nächsten Schritt führt.
Wireframes und Seitenstruktur
In zwanzig Minuten auf Papier: der Entwurf, der teure Umbauten spart.
Hero-Section: das erste Sichtfeld entscheidet
Drei Fragen in drei Sekunden: Headline, CTA, Visual und der Handy-Test.
Website-Aufbau: die Reihenfolge der Sektionen
Die Seite als Gespräch: vom Versprechen über den Beweis zur Anfrage.
Formulare und Call-to-Actions
Weniger Felder, klare Buttons: der Moment, in dem die Anfrage entsteht.
Responsive Design: eine Seite für alle Bildschirme
Warum du mobil zuerst abnimmst und was das für den Entwurf bedeutet.
Nutzer & Wirkung
Was Besucher wirklich tun und was das Gesetz verlangt.
Usability: was eine Website bedienbar macht
Aufgaben statt Geschmack: der Nutzertest, den du selbst durchführen kannst.
User Experience: was Nutzer wirklich erleben
Der erste Eindruck entsteht in Millisekunden. Was danach zählt.
Barrierefreiheit: was das BFSG verlangt
Seit Juni 2025 Pflicht für viele. Erste Frage: gilt es für dich?
Design-Trends: was bleibt, was vergeht
Was Standard wird, was Mode bleibt und was deiner Seite wirklich nützt.
Conversion
Aus Besuchern Anfragen machen, mit Methode.
Conversion-Optimierung: Methodik statt Bauchgefühl
Hypothesen, Backlog, Priorisierung und ehrliches Messen ohne A/B-Mythen.
Landingpages, die konvertieren
Wann du eine brauchst, welche Bausteine zählen und wie du sie prüfst.
Core Web Vitals: die drei Werte richtig lesen
LCP, INP, CLS verstehen und die eigenen Werte heute nachschlagen.
Webdesign als Videokurs – bald verfügbar
Alle Module dieses Kurses als Video: mit echten Seitenbeispielen und Vorher-Nachher-Umbauten Schritt für Schritt. Trag dich ein und erfahre als Erster vom Launch.
Kein Spam. Nur die Launch-Info und ein Frühbucher-Vorteil.
Checklisten & Prüflisten zum Kurs
Jede Lektion endet mit Prüflisten und Handgriffen. Hier bekommst du die wichtigsten als eigenständige PDFs zum Herunterladen und Abhaken.
Design-Review-Checkliste
15 Fragen, mit denen du jeden Entwurf beurteilst — Prinzipien, Typografie, Farbe, Layout auf einem Blatt.
PDF · Kostenlos herunterladen ↓
Hero-Section-Bauplan
Aufbau, Headline-Formel, CTA-Platzierung und die drei häufigsten Fehler auf einer Seite.
PDF · Kostenlos herunterladen ↓
Responsive-Breakpoint-Spickzettel
Die gängigen Breakpoints, was an jedem passiert und worauf du bei der Abnahme achtest.
PDF · Kostenlos herunterladen ↓
CRO-Selbstcheck
20 Prüfpunkte für deine Landingpage: Trust-Signale, CTA-Sichtbarkeit, Formularlogik, Mobile-Fallen.
PDF · Kostenlos herunterladen ↓
Verwandte Kurse
Eine gute Seite ist die Grundlage. Diese Kurse zeigen, wie Menschen sie finden.
Fragen zum Kurs
Brauche ich Programmierkenntnisse?
Nein. Der Kurs richtet sich an Selbstständige und kleine Unternehmen, die eine Website planen, selbst betreuen oder beauftragen. Wo es technisch wird, steht dabei, was du selbst schaffst und wofür du Hilfe brauchst.
Gilt das Barrierefreiheitsstärkungsgesetz für meine Website?
Das hängt davon ab, was du anbietest und wie groß dein Unternehmen ist. Die Lektion zur Barrierefreiheit beantwortet die Frage anhand des Gesetzestextes mit einer Selbstprüfung in drei Schritten. Sie ist eine Orientierung und ersetzt keine rechtliche Beratung im Einzelfall.
Lerne ich hier, selbst schöne Seiten zu gestalten?
Ja, das ist der Kern. Modul 1 lehrt das Design-Handwerk (Prinzipien, Typografie, Farbe, Layout, Bildsprache) an einem durchlaufenden Beispiel, das mit jeder Lektion besser wird. Jede Lektion endet mit Handgriffen, die du heute an deiner eigenen Seite ausführen kannst.
Hilft mir der Kurs, wenn eine Agentur meine Website baut?
Gerade dann. Jede Lektion enthält Prüflisten und eine Feedback-Formel, mit der du Entwürfe abnehmen und präzise briefen kannst: über Beobachtung, Prinzip und Aufgabe statt über Geschmack. Du erkennst außerdem, welche Trend- und Zahlenversprechen in Angeboten nichts taugen.
Ist der Kurs wirklich kostenlos?
Ja. Alle 17 Lektionen sind frei zugänglich, ohne Anmeldung und ohne Bezahlschranke. Am Ende zeigen wir dir, was wir als Agentur anbieten. Lesen kannst du alles auch ohne das.
Du willst es nicht selbst machen?
Alles in diesem Kurs ist unser Tagesgeschäft. Wenn du deine Zeit lieber ins Unternehmen steckst als in die eigene Website, übernehmen wir das. Mit derselben Sorgfalt, mit der dieser Kurs geschrieben ist.
Kostenloses Erstgespräch anfragen
Antwort in der Regel innerhalb eines Werktags.
