Presented by
Expert
Kit.
Kit.
Level: Fortgeschritten
Video Kurs
Webflow Profi-Kurs
Nimm die Projekte an, die andere ablehnen müssen.
Learn to build any Website
Course Trailer
Fortgeschrittene Techniken für Webflow Poweruser. Baue komplexe Layouts, CMS-Konfiguratoren und Shops mit Stripe Checkout.
Jonas
Arleth
.
.
.
Arleth
.
.
.
Webflow Profi-Kurs
01
162+
Sind schon dabei
02
10
Stunden
03
70+
Lektionen
04
14
Geld-Zurück-Garantie
05
Fertige Vorlage inklusive
Du lernst keine Features. Du lernst die Denkweise und Workflows hinter anspruchsvollen Kundenprojekten.
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.
Kommt dir das bekannt vor?
Der Punkt, an dem die meisten hängen bleiben.
- Du kennst Webflow gut, aber bei komplexen Kundenprojekten fehlen dir die Techniken und Systeme, um sie sicher umzusetzen.
- Du möchtest Konfiguratoren, interaktive Produkt-Demos oder anspruchsvolle Animationen bauen, weißt aber nicht, wie alles zusammenspielt.
- Du suchst nach einer schlanken Shop-Lösung für Kunden, bei der ein einfacher Stripe Checkout völlig ausreicht, ganz ohne Webflow E-Commerce.
- Du findest Tutorials zu Custom CSS, Finsweet, CMS oder JavaScript aber keinen Kurs, der daraus einen professionellen Workflow macht.
- Deine Projekte funktionieren, erreichen aber nicht die Qualität, Performance und Skalierbarkeit moderner Studio-Websites.
Deine Lösung
Dieser Kurs schließt genau diese Lücke. Du setzt reale Projektszenarien um, die sich bei mir in echten Kundenprojekten bewährt haben. Gemeinsam bauen wir komplexe Layouts, einen CMS Konfigurator, moderne Animationen und Shop-Lösungen mit Stripe Checkout, die vollständig über das Webflow CMS verwaltet werden. Alles Schritt für Schritt und ohne Programmierkenntnisse.
Nach dem Kurs
Die Fähigkeiten, die dir bisher gefehlt haben.
Lerne Techniken und Workflows, die du direkt im nächsten Kundenprojekt einsetzen kannst.
Größere Projekte, höhere Preise
Du setzt technisch anspruchsvolle Kundenprojekte um, die viele Webflow Freelancer ablehnen, und kannst diese entsprechend abrechnen.
Shops ohne Abo-Kosten
Du baust Shops mit Stripe Checkout, bei denen deine Kunden keine monatlichen E-Commerce Gebühren zahlen müssen.
Websites, die im Kopf bleiben.
Mit interaktiven Produkt-Demos, Konfiguratoren und hochwertigen Animationen hebst du dich deutlich von Standard-Websites ab.
Kein Rumprobieren mehr
Du weißt genau, welche Techniken wann zum Einsatz kommen, statt dich durch Tutorials und Foren zu kämpfen.
Weitere Vorteile
Du erhältst das komplette Projekt aus dem Kurs als Webflow Vorlage und kannst es frei für deine eigenen Kundenprojekte nutzen.
Alle Custom CSS Snippets und Finsweet Attributes kannst du direkt in deine bestehenden Projekte übernehmen.
Was wir bauen
Ein Vorgeschmack auf den Kurs
Jede Technik wird an einem echten Layout gelehrt. Du schaust zu, dann baust du es selbst.
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.
Layout-Galerie
No items found.
Kostenlose Lektionen aus dem Kurs
Autoplay Tabs Layout 2 wie auf der Webflow Homepage mit Video Content
16:02
Curriculum
Über 70 Lektionen in sechs Modulen. Du lernst anhand realer Projektszenarien, die sich bereits in echten Kundenprojekten bewährt haben.
Videos
70+
Kapitel
6
Laufzeit
Modul 012 Videos
Modul 01
2 Videos
01
Willkommen! Ein wichtiger Hinweis (+ Geschenk für dich)
02:00
02
Styleguide Vorarbeit, CSS Variables und Grundeinstellungen durchgehen
04:30
Modul 0226 Videos
Modul 02
26 Videos
01
Hauptnavigation bauen
31:40
02
Hauptnavigation responsive optimieren und wichtige zusätzliche Einstellungen
09:00
03
Hauptnavigation Animation
17:30
04
Design und CSS Animation von Link-Button mit Komponent Varianten
22:20
05
Button Toggle mit Icon als Komponente anlegen
22:10
06
Komponenten in Haupt-Navigation einbauen und mit custom CSS anpassen
07:00
07
Gradient Grafik Bühne
10:00
08
Badge Animation on scroll
05:30
09
3D Box in Webflow bauen
16:00
10
Inhalte Bühne mit Video Teaser Popup
05:10
11
Modal / Popup Komponente mit CSS Animation erstellen
17:30
12
Trick Positionierung Hintergrund Bühne und Umsetzung der Tabelle
07:10
13
Responsive Design Bühne
10:50
14
Box Animation
07:40
15
Page Load Animation Bühne
05:40
16
Fullscreen-Tabs-Sektion Grundaufbau
08:20
17
Einfacher Section-Overscroll-Effekt
06:00
18
Tab Übergang animieren mit CSS
04:30
19
Autoplay Tabs Funktionalität einstellen
07:10
20
Autoplay Tabs Button Animation
04:43
21
Autoplay Tabs Layout 2 wie auf der Webflow Homepage mit Video Content
16:02
22
Responsive Design Tabs
07:10
23
Zahlen rein animieren on scroll
03:40
24
CMS Grid mit Dialog / Modal / Popup Funktionalität
14:30
25
Hero Section Overscroll-Effekt
09:40
26
Light / Dark Mode Toggle mit Webflow Variablen Farb-Management
12:07
Modul 037 Videos
Modul 03
7 Videos
01
Umsetzung Design 3D Produkt-Showcase Sektion
06:40
02
3D Spline Objekt vorbereiten und als Bild exportieren
04:20
03
3D Objekt Video-Animation anlegen und exportieren
05:30
04
Klickbasierter Bild-Zoom-Effekt über Attribut-Koordinaten mit Popover
09:50
05
3D-Video-Animation bei Button-Klick (besser für Performance)
07:40
06
Lazy Loading eines Spline 3D-Objekts bei Klick mit Fullscreen-Popup-Animation
11:03
07
3D-Videos in Lottie konvertieren und animieren
Modul 0412 Videos
Modul 04
12 Videos
01
Konfigurator – Kurs-Modul Vorschau
02:30
02
Aufbau der CMS Kollektionen
06:10
03
Umsetzung Konfigurator Design
11:10
04
Filterfunktion einbinden
11:50
05
Umsetzung Design Radio Button
11:30
06
CMS Lightbox Galerie mit Slug Gruppennamen (Webflow Limitierung umgehen)
02:50
07
Lichtstrahl-Farbwechsel mit dem CMS steuern
02:51
08
Eigene CSS Animation für CMS Attributes Filter System
06:50
09
Info-Punkt auf dem Produkt über das CMS positionieren
03:30
10
Popover Funktionalität am Produkt mit Erklärung
07:50
11
Konfigurator Responsive Design
06:20
12
Optimierungen und Bug Fixes
09:10
Modul 053 Videos
Modul 05
3 Videos
01
Vorteile und Nachteile von Stripe gegenüber Shopify oder Webflow E-Commerce
07:20
02
Produkte und Checkout Links in Stripe Anlegen
07:10
03
Stripe App in Webflow
Modul 0614 Videos
Modul 06
14 Videos
01
Für wen ist diese Lösung geeignet und für welche Kunden nicht?
04:30
02
Webflow CMS einrichten mit KI-generierten Inhalten und CSV-Import
05:10
03
Produkt Übersichtsseite als Komponente erstellen
11:20
04
Finsweet Attributes CMS Filter und Sortieren Funktion einbinden
11:07
05
Produkt Detailseite Design umsetzen
11:50
06
Auf andere Produkt-Varianten verlinken
03:50
07
Shop Warenkorb Design und Umsetzung
08:40
08
Warenkorb Toggle und Modal Fenster Funktionalität
05:50
09
Custom JS Warenkorb Funktion bauen
13:20
10
Quantity-Zähler mit Plus/Minus Buttons bauen
07:00
11
Warenkorb Summe gesamt implementieren
02:30
12
Schneller Warenkorb: Add-to-Cart in Produktübersicht hinzufügen
04:30
13
Sales-Tag mit Prozent-Berechnung aus zwei Preisen erstellen
01:40
14
Stripe Checkout mit MAKE generieren
13:40
Mit was wir arbeiten
Webflow
Stripe
MAKE
Finsweet Attributes
Spline
Figma
Webflow Profi-Kurs
Passt dieser Kurs zu dir?
Für dich, wenn…
- Du Webflow bereits sicher beherrschst und deine Fähigkeiten auf Profi-Niveau ausbauen möchtest.
- Du komplexe Layouts, Animationen, Konfiguratoren und Shop-Lösungen professionell umsetzen willst.
- Du Projekte realisieren möchtest, die über klassische Unternehmenswebsites hinausgehen.
- Du Freelancer, Agentur oder Inhouse-Entwickler bist und technisch anspruchsvollere Kundenprojekte übernehmen möchtest.
- Du den FORMBURG Komplettkurs abgeschlossen hast oder bereits über vergleichbare Webflow-Kenntnisse verfügst.
Nicht für dich, wenn…
- Du gerade erst mit Webflow beginnst. Starte in diesem Fall mit dem FORMBURG Komplettkurs.
- Du Responsive Design, Klassen oder das CMS noch nicht sicher beherrschst.
- Du hauptsächlich einfache Marketing-Websites ohne komplexe Funktionen umsetzen willst.
- Du nur fertige Lösungen kopieren möchtest, ohne die Technik dahinter zu verstehen.
Beginner-Kurs
Dein Kursleiter
Aufgebaut aus Erfahrung, nicht aus der Theorie.
Jonas Arleth
.
.
.
.
Founder &
Instructor
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.
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.
Aleks
Webdesigner
Webflow meisterhaft erklärt
Bisher fand ich den Kurs klasse, auch wenn ich gerade nur die Basics hinter mir habe. Ich bin bereits in einer Teil-Selbständigkeit zusammen mit einem Partner. Ich freue mich weiter durchzustarten und sage schon mal danke für so viel geilen Content.
Alexander S.
Co-Founder VisualMakers
Trotz Vorkenntnissen viel dazugelernt
Jonas lässt mit seinem Webflow-Kurs wirklich keine Fragen mehr offen. Obwohl ich bereits mit Webflow gearbeitet habe, konnte ich viel Neues für mich mitnehmen und meine Kenntnisse festigen. Ein besonderes Highlight war für mich das Kapitel "Animationen".
Recently
joined
.
.
joined
.
.
.
.
.
Recently
joined
.
.
joined
.
.
.
.
.
Recently
joined
.
.
joined
.
.
.
.
.
Recently
joined
.
.
joined
.
.
.
.
.
Recently
joined
.
.
joined
.
.
Recently
joined
.
.
joined
.
.
Recently
joined
.
.
joined
.
.
Recently
joined
.
.
joined
.
.
982
Professionals
.
Professionals
.
1.302
Mehr als 928 Profis nutzen FORMBURG-Kurse, um ihre Skills auf das nächste Level zu bringen.
Recently
joined
.
.
joined
.
.
.
.
.
.
Recently
joined
.
.
joined
.
.
Recently
joined
.
.
joined
.
.
Recently
joined
.
.
joined
.
.
Recently
joined
.
.
joined
.
.
Recently
joined
.
.
joined
.
.
Recently
joined
.
.
joined
.
.
Recently
joined
.
.
joined
.
.
.
.
.
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 Profi-Kurs
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
Bundle
Spare 30% auf jeden weiteren Kurs
German Version
Bundle deal -30%
Webflow GSAP Interactions Masterclass
Inklusive
- 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%
Webflow Komplettkurs
Inklusive
- 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
🔒 14 Tage Geld-zurück-Garantie
German Version
Bundle deal -30%
Webdesign Angebote mit 3 Preisoptionen erstellen
Inklusive
- 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
Ja. Der Profi-Kurs setzt genau da an, wo der Komplettkurs aufhört: komplexe Layouts, kreatives Problemlösen, fortgeschrittene Animationen und Techniken für außergewöhnliche Projekte. Diese Themen gehen weit über die Grundlagen hinaus und setzen ein solides Webflow-Verständnis voraus.
Ja. Es gibt eine 14-tägige Geld-zurück-Garantie, ohne Wenn und Aber.
Der Komplettkurs bringt dir Webflow von Grund auf bei. Der Profi-Kurs ist für fortgeschrittene Anwender und löst komplexe Herausforderungen: anspruchsvolle Layouts, CMS-Konfiguratoren mit Bezahlfunktion, ein Shop-System mit Warenkorb und Stripe Checkout sowie Profi-Animationen. Er setzt voraus, dass du dich in Webflow bereits sicher bewegst.
Nein. Wir arbeiten mit Custom CSS und etwas JavaScript für die Shop- und Warenkorb-Funktionen, aber alles wird Schritt für Schritt erklärt. Du brauchst kein Vorwissen im Programmieren, ein sicheres Webflow-Verständnis ist aber Voraussetzung.
Ich habe den Client-First-Styleguide an meine Bedürfnisse angepasst und vieles daraus abgeleitet, manche Dinge heißen anders. Die Struktur ist aber sehr ähnlich und kompatibel. Wenn du den Ansatz aus dem Kurs verstehst, kannst du problemlos ein Projekt vollständig nach Client First aufbauen.
Ja. Mit dem Kauf bekommst du lebenslangen Zugang, inklusive aller bestehenden Inhalte sowie aller zukünftigen Updates und neuen Module. Einmal zahlen, alles dabei, keine Zusatzkosten.
Ich empfehle zwei Lektionen pro Tag, um dranzubleiben und schnell Ergebnisse zu sehen. Auch mit Kundenprojekten oder Vollzeitjob ist eine halbe Stunde am Tag machbar. Die meisten Videos sind 8 bis 15 Minuten lang, das ergibt 2 bis 4 Stunden pro Woche. Da du lebenslangen Zugang hast, kannst du auch in deinem eigenen Tempo lernen.
Ja. Nach Abschluss von 80% des Kurses erhältst du ein personalisiertes Zertifikat als PDF. Melde dich dazu einfach mit dem gewünschten Namen und deiner Bestellnummer, dann prüfe ich deinen Fortschritt.
Lebenslang. Alle zukünftigen Updates und neuen Lernmodule, die ich hinzufüge, bekommst du kostenlos dazu.
Ja. Unter jeder Lektion gibt es eine Kommentarfunktion, die ich einmal pro Woche beantworte. Bei einem größeren Problem, bei dem du komplett feststeckst, kannst du mich auch direkt per Chat erreichen.
01
162+
Sind schon dabei
02
10
Stunden
03
70+
Lektionen
04
14
Geld-Zurück-Garantie
05
Fertige Vorlage inklusive
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 für Projekte, die andere ablehnen?
Etliche Webdesigner, Freelancer und Agenturen entwickeln ihre Webflow-Skills mit FORMBURG weiter. Jetzt bist du dran.
One-time payment • Lebenslanger zugang • Kein Abo
• 14 Tage Geld-Zurück
1002