Level: Beginner
Video Kurs

Webflow Komplettkurs

Baue jede Website selbst – mit Webflow, ohne Grenzen.
Patricius W.
Alexander D.
Marty
Sabine R.
350+
Teilnehmer
4.98
Lebenslanger zugang
14 Tage Geld-Zurück
Zugang Sichern
499€ einmalig
Course only Available in German!
Jonas
Arleth
.
.




.
Webflow Komplettkurs
Scroll
01
350+
Sind schon dabei
02
25
Stunden
03
100+
Lektionen
04
14
Geld-Zurück-Garantie
05
Keine Vorkenntnisse nötig
Der einzige deutsche Webflow-Komplettkurs mit eigenem DSGVO- und Kundenübergabe-Modul. Entwickelt aus den Anforderungen echter Kundenprojekte.
Alexandra
Alexandra
UI/UX Designerin
UI/UX Design
Ich konnte meine Designkonzepte ohne Kompromisse umsetzen.

Jonas hat mir das nötige Wissen und die Struktur gegeben, um meine eigenen Ideen professionell umzusetzen, genau so, wie ich sie geplant hatte.

Kommt dir das bekannt vor?

Kommt dir das bekannt vor?

  • Du wartest wochenlang auf einen Programmierer, der deine Layouts nie ganz so umsetzt, wie du sie dir vorgestellt hast.
  • Du kennst dich mit Design aus, aber sobald es technisch wird, fühlst du dich blockiert.
  • Jedes Tutorial zeigt dir nur Basics. Sobald ein echtes Kundenprojekt kommt, mit CMS, Formularen oder DSGVO, stehst du allein da.
  • Du hast schon mit Wordpress oder anderen Baukästen gearbeitet, aber stößt ständig an Grenzen bei individuellen Designs.
  • Du weißt nicht, wie du eine Website rechtssicher und professionell an einen Kunden übergibst.
Deine Lösung

Dieser Kurs begleitet dich von den Grundlagen bis zur professionellen Übergabe an deine Kunden. Du lernst, individuelle Websites eigenständig umzusetzen – inklusive CMS, Animationen, DSGVO und allem, was bei realen Webflow-Projekten dazugehört.

Nach dem Kurs

Du baust Websites auf Agentur-Niveau – komplett selbst.

Nicht irgendwann, sondern ab deinem nächsten Projekt.

Unabhängig von Entwicklern

Setze deine Designs pixelgenau selbst um, ohne Abstimmungsschleifen oder externe Unterstützung.

Mehr Wert pro Projekt

Biete Design und Umsetzung aus einer Hand und erweitere dein Leistungsangebot.

DSGVO-konform an Kunden übergeben

Du kennst DSGVO, Cookie-Banner und Übergabeprozesse und lieferst Websites professionell an deine Kunden aus.

Von der Idee zur Live-Website

Du setzt Websites um, die du heute noch ablehnen würdest.

Weitere Vorteile

Lebenslanger Zugang inklusive aller Updates, die den Kurs mit neuen Webflow-Features aktuell halten.

Eine fertige Webflow-Vorlage mit allem, was im Kurs gebaut wird, frei nutzbar für deine Projekte.

Was wir bauen

Ein Vorgeschmack auf den Kurs

Jede Technik wird an einem echten Layout gelehrt. Du schaust zu, dann baust du es selbst.

Individuelle Seiten-Lade-Animation

Animationen

3D Objekte in Webflow integrieren und animieren

Animationen

Eigenes Hamburger Menü ab Desktop erstellen

Animationen

Individuelle Typo-Scroll-Animation

Animationen

Eigene Webflow Slider Animationen

Animationen

CMS Inhalte ohne Page Reload filtern

CMS Filter
Die Webflow-Vorlage gehört dir zur freien Nutzung für Kundenprojekte
Alles, was in diesem Kurs gebaut wird, steht dir als fertiges Webflow-Projekt zur Verfügung. Kopieren, anpassen, loslegen.

Curriculum

Alle 100+ Lektionen

100+ Videos in 10 Kapiteln. Von den Grundlagen über individuelle Layouts und Animationen bis zur DSGVO-sicheren Übergabe an deine Kunden.

Videos
100+
Kapitel
8
Laufzeit

25H

Modul 01

Einleitung

3 Videos
01
Willkommen und wie du am meisten aus diesem Online Kurs rausholen kannst
07:00
02
Elemente aus anderen Webflow Projekten kopieren
07:00
03
Webflow Finder und Shortcuts nutzen
06:00
Modul 02

Webdesign-Grundlagen

14 Videos
01
Webflow Designer im Schnelldurchlauf
15:30
02
Was macht Webflow für uns im Hintergrund? HTML und CSS verstehen
06:50
03
Das Box-Model verstehen
05:40
04
Hierarchien und Vererbungen im Webdesign
05:20
05
Selektoren / CSS Klassen verstehen
05:40
06
Verschiedene Einheiten (Units) verstehen – px, %, em, rem, ch,vw, vh, svw, svh
31:20
07
Bilder richtig exportieren und verarbeiten
11:00
08
Einführung in Grid und Quick-Stack – Magazin Layouts
18:10
09
Einführung in Flexbox – Elemente horizontal und vertikal positionieren
13:30
10
Position relative, absolute und fixed verstehen
09:45
11
Übung Positionierung
12
Position sticky – Elemente mitscrollen lassen
07:00
13
Mit Icons und SVG Vektorgrafiken arbeiten (3 Wege)
10:00
14
Elemente, die du verloren hast, wiederherstellen
02:30
Modul 03

Ein neues Website-Projekt starten

10 Videos
01
Warum wir mit REM anstatt Pixel arbeiten
05:40
02
Schriftart und Font einbinden
07:50
03
Effizient mit Variablen arbeiten
16:50
04
Styleguide definieren und durchgehen
17:00
05
Globales Custom CSS File
06:10
06
Fluid Design anlegen und verstehen
24:30
07
Seiten professionell strukturieren
13:30
08
Container verstehen und richtig einsetzen
11:50
09
Effizient mit Abständen arbeiten
12:00
10
SEO beim Thema Headlines beachten
08:00
Modul 04

Praktische Umsetzung von Layouts

12 Videos
01
Einfache standard Hauptnavigation erstellen
18:00
02
Dropdown zu einer Navigation hinzufügen
13:15
03
Text auf Bild – Hero Sektion erstellen
18:40
04
Webflow Slideshow – alles was du wissen musst
17:00
05
Webflow Slideshow fortgeschritten
20:00
06
Galerie in overlay Lightbox
09:20
07
Video Popups und Modal Overlays – 3 Möglichkeiten
13:00
08
Formulare erstellen und automatisiert versenden
15:00
09
Suchfunktion einbinden
08:40
10
Mit externen Libraries arbeiten
12:00
11
Mit Komponenten arbeiten
17:20
12
Mehrsprachige Webseiten erstellen
Modul 05

Responsive Design Prozess

5 Videos
01
Eine Seite responsive machen – allgemeines Vorgehen
45:40
02
Schriftgrößen und den Styleguide responsive machen
21:00
03
Lösungen für Texte, die auf mobile nicht umbrechen
06:30
04
Eigene responsive Breakpoints anlegen
06:25
05
Elemente bei bestimmten Geräten oder Größen ausblenden bzw. ersetzen
02:45
Modul 06

Webflow CMS umfassend verstehen

15 Videos
01
Einführung in das Webflow CMS
Einführung in das Webflow CMS
06:40
02
Was unterscheidet das Webflow CMS von anderen
07:30
03
Nach welchem Prinzip funktioniert das CMS
11:30
04
FAQ Liste erstellen – CMS Beginner
16:20
05
Tabellen ausfüllen lassen und Inhalte als CSV Datei importieren
04:00
06
Pinterest Bilder Grid mit CMS erstellen
05:50
07
Webflow Slideshow mit CMS Inhalten
10:00
08
Verschachtelte Inhalte – Reference Fields erklärt
06:43
09
CMS Inhalte sortieren: Reihenfolgen selbst bestimmen
02:30
10
Blog Übersichtsseite erstellen
17:00
11
Blog Detailseite erstellen
10:00
12
Blog Archiv mit Tags und Filter anlegen
07:10
13
CMS Inhalte ohne Page Reload filtern (fortgeschritten) – Finsweet Attributes
15:40
14
Variable Layouts auf basis gleicher CMS Inhalte
06:00
15
CMS Inhalte in eigenem Code verwenden – Embed Element (fortgeschritten)
07:20
Modul 07

Animationen hinzufügen

17 Videos
01
Mit Animationen arbeiten – Grundlagen Übersicht
18:00
02
Einstieg in Website Animationen
Einstieg in Website Animationen
16:00
03
Button und Links animieren – Grundlagen
06:30
04
Textelemente beim Scrollen rein animieren lassen
11:20
05
Der eine Trick, der deine Animationen Premium macht
15:20
06
Individuelle Seiten-Lade-Animation
12:40
07
Parallax Scroll Effekte
12:20
08
Mit Lottie Animationen arbeiten
10:00
09
Horizontales Bilder-Karussell / Logo-Karussell in Endlosschleife
10:00
10
Individuelle Typo-Scroll-Animation
12:00
11
Bild während des Scrollens wachsen lassen
08:20
12
Variablen mit Webflow Interaktionen animieren
03:20
13
3D Objekte in Spline vorbereiten
13:10
14
3D Objekte in Webflow integrieren und animieren
16:00
15
Eigenes Hamburger Menü ab Desktop erstellen
29:35
16
Eigene Webflow Slider Animationen
12:20
17
Seitenübergang animieren (Page Transitions erstellen)
19:50
Modul 08

DSGVO

10 Videos
01
Wann brauchst du einen Cookie-Banner, wann eine Datenschutzerklärung?
05:20
02
Datenschutzerklärung generieren und anlegen (kostenlose Variante)
12:00
03
Datenschutzerklärung größere Kunden (kostenpflichtige Variante) – datenschutz-generator.de
12:30
04
Auftragsverarbeitungsvertrag (AVV) mit Webflow abschließen (mit Vorlage)
03:40
05
Wichtige Cookie Banner Grundlagen
10:50
06
Wie kannst du überprüfen, welche Cookies gesetzt werden
07:40
07
Cookie Banner Variante 1: cookie-script.com integrieren (kostenlose und bezahlte Version)
31:40
08
Cookie Banner Variante 2: Finsweet Webflow Cookie Consent integrieren (kostenlos)
25:20
09
Alternative zu Google Analytics ohne Cookies
9:50
10
Google Maps Karten einbinden
Google Maps Karten einbinden
08:30
Modul 09

Zusammenarbeit mit Kunden

7 Videos
01
Kunden von Webflow überzeugen
02
Der richtige Webflow-Plan für dich und deine Kunden
03
Webflow Code exportieren
04
Hosting bei Webflow – Vorteile
05
Kunden Editor Zugang einrichten
06
Wie Kunden die Website bearbeiten können
07
Schulung aufnehmen und Website an Kunden übergeben
03:15
Modul 10

Website veröffentlichen

7 Videos
01
SEO Seiteneinstellungen (Suchmaschinenoptimierung)
13:30
02
301 Redirects: SEO Kunden-Rankings nicht verlieren
08:40
03
Website optimieren für besseren Google Pagespeed
14:00
04
Impressum anlegen und generieren
06:00
05
Domain verknüpfen
13:50
06
Google Search Console einrichten und Sitemap hochladen (SEO)
06:50
07
Checkliste vor Website Launch
10:20
Mit was wir arbeiten
Webflow
Webflow
Finsweet Attributes
Finsweet Attributes
Figma
Figma
Cookie Script
Cookie Script
Spline
Spline
A black screen with a menu of options for a layout.
A black screen with a text box that says "text size" and a drop down menu with options for "tiny", "small", "medium", "large", "extra large", and "text size".
A black screen with a button that says drop.
A collection of modern design items.
Webflow Komplettkurs

Passt dieser Kurs zu dir?

Für dich, wenn…

  • Du bisher wenig oder keine Erfahrung mit Webflow hast und den kompletten Workflow lernen möchtest.
  • Du Designer bist und Websites selbst umsetzen möchtest, ohne auf Entwickler angewiesen zu sein.
  • Du Websites von der ersten Idee bis zur professionellen Kundenübergabe selbst umsetzen möchtest.
  • Du in einer Agentur oder einem Unternehmen arbeitest und Websites intern umsetzen möchtest.
  • Du lieber anhand realistischer Projektabläufe lernst als mit isolierten Tutorials.

Nicht für dich, wenn…

  • Du den Profi-Kurs oder die GSAP Masterclass bereits abgeschlossen hast und gezielt fortgeschrittene Inhalte suchst.
  • Du ausschließlich programmieren möchtest und keinen visuellen Workflow suchst.
  • Du nur nach einer schnellen Lösung für ein einzelnes Problem suchst.
  • Du nicht bereit bist, Zeit in ein vollständiges Lernprogramm zu investieren.
Dein Kursleiter

Aufgebaut aus Erfahrung, nicht aus der Theorie.

Jonas Arleth
.
.
Founder &
Instructor

FORMBURG wurde von Jonas Arleth gegründet, einem Webflow-Designer, Entwickler und Educator mit langjähriger Praxiserfahrung. Alle Inhalte basieren auf echten Projekten, bewährten Workflows und Erfahrungen aus der täglichen Arbeit mit Webflow.

Seit Jahren teilt Jonas sein Wissen durch Tutorials, Ressourcen, Cloneables und einen etablierten Webflow-Podcast.

  • Gewinner der Webflow × Contra Challenge 2025.
  • Zweimal auf der Hauptbühne der Webflow Conf gefeatured.
  • Ausgezeichnet als GSAP Site of the Day.
  • FORMBURG Community-Vorlagen wurden über 60.000-mal geklont.
  • Seit 2018 teile ich Webflow-Wissen öffentlich durch hunderte kostenlose YouTube-Tutorials.

Aus der Community

Echte Ergebnisse von Webflow Powerusern, Freelancern und Entwicklern.

Sven
Sven
Diplom-Designer & Webdesigner
Web Designer
Sauber, skalierbar und bereit für echte Kundenprojekte.

Die Kurse gehen weit über das Erlernen von Tools hinaus. Sie zeigen, wie professionelle Webflow-Projekte aufgebaut werden, nicht nur, wie einzelne Techniken nachgebaut werden.

Nikolaus K.
Nikolaus K.
Webdesigner und Gründer von KolbaMedia
Aenturinhaber
Die Investition in den Kurs war die klügste Abkürzung

Nach unzähligen Tutorials war FORMBURG der erste Ort, an dem Webflow wirklich Sinn ergeben hat. Heute gehe ich Webflow-Projekte mit einer klaren Struktur an statt mich mühsam durchzuprobieren.

Alexander Sprogis
Alexander Sprogis
Product Engineer & Mitgründer von VisualMakers
Product Engineer
FORMBURG hat Struktur in unsere Webflow-Projekte gebracht.

Der Fokus auf bewährte Workflows und saubere Systeme hat unseren Arbeitsalltag als Agentur spürbar verbessert.

Recently
joined

.
.
Eduard
Webdesigner


.
.
.

GSAP Coder
Recently
joined

.
.
Alexandra
UI/UX Designerin


.
.
.

UI/UX Design
Recently
joined

.
.
Sven
Diplom-Designer & Webdesigner


.
.
.

Web Designer
Recently
joined

.
.
Nikolaus K.
Webdesigner und Gründer von KolbaMedia


.
.
.

Aenturinhaber
Recently
joined

.
.
Sebastian G.
Webdesigner im Gesundheitswesen
Recently
joined

.
.
Aleks
Webdesigner
Recently
joined

.
.
Miriam K.
Kommunikationsdesign
Recently
joined

.
.
Doris P.
Kommunikationsdesignerin
982
Professionals
.

1.302
Mehr als 928 Profis nutzen FORMBURG-Kurse, um ihre Skills auf das nächste Level zu bringen.
Lese all 50+ Reviews
Recently
joined

.
.
Alexander Sprogis
Product Engineer & Mitgründer von VisualMakers




.
.
.
.

Product Engineer
Recently
joined

.
.
Alex W.
Webdesigner
Recently
joined

.
.
Elmira R.
UX/UI Designerin
Recently
joined

.
.
Sabine R.
Expertin für Marketing-Automatisierung
Recently
joined

.
.
Ben M.
Student / Webdesign
Recently
joined

.
.
Mika H.
Webdesigner
Recently
joined

.
.
Nils D.
Student, Intermediadesign
Recently
joined

.
.
Chris G.
Webdesigner
.
.


Wenn du nicht zufrieden bist, zahlst du nicht
Du kannst mir während der ersten 14 Tage jederzeit eine E-Mail schicken und ich erstatte dir zu 100% dein Geld zurück. Ohne Fragen zu stellen. Versprochen!
Pricing

Dein nächstes Projekt spielt in einer anderen Liga.

Einmalig zahlen. Lebenslanger Zugang. Kein Abo.
German Version

Webflow Komplettkurs

499€
Oder 3 Raten à 183€
Inklusive
Webflow Projektvorlage
zur freien Nutzung für Kundenprojekte
Direkter Support
Über die Kurs-Kommentarfunktion oder Chat
  • 100+ Video-Lektionen – 25 Stunden Videomaterial
  • Lebenslanger Zugang inkl. aller zukünftigen Updates
  • Fragen & Probleme direkt per Chat klären
  • Webflow Projektvorlage mit allem was wir bauen
  • Abschlusszertifikat
Kurs kaufen
🔒 14 Tage Geld-zurück-Garantie
Bundle
Spare 30% auf jeden weiteren Kurs
German Version
Bundle deal -30%

Webflow Profi-Kurs

315€
449€
Oder 3 Raten von 116€ statt 165€
Inklusive
Webflow Projektvorlage
zur freien Nutzung für Kundenprojekte
Figma Design-File
Inklusive
Direkter Support
Über die Kurs-Kommentarfunktion oder Chat
  • 70+ Video-Lektionen – 10 Stunden Videomaterial
  • Lebenslanger Zugang inkl. aller zukünftigen Updates
  • Fragen & Probleme direkt per Chat klären
  • Figma Design-File inklusive
  • Webflow Projektvorlage mit allem was wir bauen
  • Bonus Downloads
  • Abschlusszertifikat
🔒 14 Tage Geld-zurück-Garantie
German Version
Bundle deal -30%

Webflow GSAP Interactions Masterclass

140€
199€
Oder 3 Raten von 52€ statt 72€
Inklusive
Webflow Projektvorlage
zur freien Nutzung für Kundenprojekte
Figma Design-File
Inklusive
Direkter Support
Über die Kurs-Kommentarfunktion oder Chat
  • 23 praktische Video-Lektionen – 3 Stunden fokussierter Inhalt
  • Lebenslanger Zugang inkl. aller zukünftigen Updates
  • Fragen & Probleme direkt per Chat klären
  • Quiz nach jeder Lektion
  • Abschlusszertifikat
🔒 14 Tage Geld-zurück-Garantie
German Version
Bundle deal -30%

Webdesign Angebote mit 3 Preisoptionen erstellen

252€
359€
Oder 3 Raten von 93€ statt 132€
Inklusive
Direkter Support
Über die Kurs-Kommentarfunktion oder Chat
  • 10-seitige Vorlage, die du in Pages oder Word bearbeiten kannst
  • 3 echte Angebote von mir: Ein 50.000€ Auftrag, 16.000€ Auftrag und 6.000€ Auftrag
  • 25 erklärende Videos
  • Inklusive Bedingungen und rechtlicher Absicherung (von einer Anwältin geprüft)
  • Bonusmaterial
FAQ

Häufig gestellte Fragen

Noch unsicher?
Jonas beantwortet Fragen direkt in den Kurslektionen und hilft sogar schon vor dem Kauf weiter.
Questions

Nein. Der komplette Kurs funktioniert ohne Programmierkenntnisse. Webflow arbeitet visuell, du siehst sofort das Ergebnis deiner Änderungen. Ein technisches Grundverständnis hilft, ist aber keine Voraussetzung.

Ja. Nach Abschluss von 80% des Kurses bekommst du ein personalisiertes Zertifikat als PDF, melde dich dafür einfach mit Namen und Bestellnummer.

Ja, 14 Tage, ohne Wenn und Aber.

Ja, 25%. Schick dafür einfach eine Mail mit Infos zu deinem Studiengang oder deiner Ausbildung an meine Assistentin Lisa.

Jede Lektion hat eine Kommentarfunktion, die ich regelmäßig beantworte. Bei größeren Problemen kannst du mich auch direkt per Chat erreichen.

Die Webflow University zeigt dir einzelne Funktionen isoliert. Dieser Kurs zeigt dir, wie du sie in echten Kundenprojekten kombinierst, inklusive Themen, die woanders fehlen: DSGVO, Cookie-Banner, Preisgestaltung und die Übergabe an Kunden.

Wenn du bereits mit Webflow-Grundlagen vertraut bist, lohnt sich eher der Profi-Kurs. Kommst du aus dem Programmieren oder einem anderen Tool, zeigt dir dieser Kurs den kompletten Webflow-Workflow von Grund auf, inklusive der Punkte, die für Kundenprojekte in Deutschland wichtig sind.

Ich habe den Client-First-Styleguide an meine Bedürfnisse angepasst, die Struktur ist aber sehr ähnlich und kompatibel. Verstehst du den Ansatz aus dem Kurs, kannst du problemlos auch komplett nach Client First arbeiten.

Für den Kurs selbst nicht. Für eine eigene Domain und mehr Funktionen brauchst du später einen kostenpflichtigen Webflow-Site-Plan, es gibt aber auch einen kostenlosen Plan zum Lernen und Ausprobieren.

Ja, der exportierte Code läuft auf jedem Hoster. Eine Einschränkung: CMS-Inhalte werden beim Export nicht mitgenommen. Nutzt du das Webflow CMS, brauchst du dafür Webflow-Hosting.

Der Komplettkurs enthält kein eigenes E-Commerce-Modul, du lernst aber alle Grundlagen, um einen Onlineshop selbst zu gestalten. Für Warenkorb, Checkout und Stripe-Integration empfehle ich den Profi-Kurs.

Lebenslang, inklusive aller zukünftigen Updates und neuen Module. Einmal zahlen, für immer dabei.

Die meisten Lektionen sind kurz und fokussiert. Zwei Lektionen am Tag reichen, um in wenigen Wochen durchzukommen. Mit lebenslangem Zugang kannst du aber auch komplett in deinem eigenen Tempo lernen.

01
350+
Sind schon dabei
02
25
Stunden
03
100+
Lektionen
04
14
Geld-Zurück-Garantie
05
Keine Vorkenntnisse nötig

Abschlusszertifikat

Ein Nachweis für das, was du erreicht hast.

Schließe 80% des Kurses ab und erhalte ein Zertifikat mit deinem Namen als PDF, bereit zum Teilen.
  • Als personalisiertes PDF mit deinem Namen ausgestellt
  • Auf LinkedIn teilen, ins Portfolio hochladen oder als Nachweis an Kunden schicken
  • Nach 80% Kursabschluss per E-Mail mit deiner Bestellnummer anfordern
Bereit?

Bereit, deine erste Website selbst zu bauen?

Schließe dich Hunderten Teilnehmern an, die heute Webflow professionell einsetzen.

Kurs kaufen
One-time payment • Lebenslanger zugang • Kein Abo
 • 14 Tage Geld-Zurück