Kurs starten
German Version
Webflow GSAP Interactions Masterclass
Meistere Website-Animationen und Motion Design mit der neuen GSAP Timeline in Webflow.
Der einzige Webflow GSAP Kurs auf Deutsch
Mit Webflow Experte
Jonas Arleth
English preview video is coming next week
Die Zukunft von Webflow Animationen
Neu 2025
Diese Masterclass ist ein spezialisierter Deep-Dive-Kurs, der dich Schritt für Schritt in das neue Animationssystem einführt. Kompakt, fokussiert und sofort umsetzbar.
Kein langes Bla-Bla, sondern pure Praxis.
Wir gestalten gemeinsam ein modernes Layout mit lebendigem Motion Design, das nicht nur technisch, sondern visuell überzeugt.
Du siehst, wie Design und Bewegung eins werden, direkt visuell im Webflow Interface – Ohne Coding-Skills.
4
Kapitel
25
Lektionen
3+
Stunden an Videos
Das lernst du in diesem Kurs
- Komplexe Motion-Sequenzen mit der neuen GSAP Timeline
- Worauf es bei Easing, Timing & Flow wirklich ankommt
- Scroll-, Hover- & Click-Animationen mit Stagger-Effekten
- Globale Motion-Systeme über Attribute & Scopes
- Page Loads & Transitions mit professionellem Motion Design
- Ergebnisse, die aussehen wie aus einem Award-Winning Studio
Nach dem Kurs wirst du …
- Animationen mit System statt Zufall gestalten.
- Strukturiert mit der neuen GSAP Timeline in Webflow arbeiten.
- Mit GSAP deutlich schneller und effizienter arbeiten als mit den alten Webflow Interactions.
- Bewegung gezielt einsetzen, um Design und User Experience zu verstärken.
- Interaktionen entwickeln, die Performance und Ästhetik vereinen.
- Animationen erschaffen, die sich flüssig, modern und hochwertig anfühlen.
Liste der Kursinhalte und Videos
Einführung
- Einführung in GSAP Animationen in Webflow
- Was professionelle Website Animationen ausmachen
- Das richtige Easing – Bewegung mit Gefühl gestalten
- Wie ich Ideen für gute Animationen entwickle
Grundlagen & Struktur
- Konflikte vermeiden: Classic & neue GSAP Interactions zusammen nutzen oder trennen?
- Trigger und Scope verstehen
- Alles zu Stagger-Animationen für Headlines und Texte
- Globale Animationen mit Attributen umsetzen
- Abgeschnittene Buchstaben bei Mask-Split-Text beheben
Interaktionen
- Alles Wichtige zu Hover-Interaktionen
- Klick-Interaktionen am Beispiel eines Accordions (Öffnen & Schließen)
- Content während des Scrollens animieren
- Looping Animationen und Timing beherrschen
- Navigationen mit GSAP animieren
- Fortgeschrittener Button Hover Effekt
- Meisterhafte Page-Load-Animationen mit der neuen GSAP Timeline
- Combo Classes als Animations-Trigger nutzen
- Fortgeschrittene maskierte Hero Scroll Animation
- Page Transitions animieren
Advanced Motion Design
- Custom JS Events – Animationen im Code triggern
- Scope Descendants mit CSS Superpower
- Native Slider und Tab Komponenten animieren
- Flackern beim Seitenladen verhindern
- Breakpoints und Responsive Design von GSAP Animationen
Nutze die im Kurs erstellte Webflow-Vorlage frei für deine Kundenprojekte.
Optional Figma Design-Datei im Checkout als Download wählen
Über die Kommentarfunktion im Kurs kann ich dir bei Fragen direkt weiterhelfen
Tools, mit denen wir im Kurs arbeiten
Webflow
GSAP Animations
Figma
„Jonas begeistert mit exzellent aufbereitetem Know-how rund um Webflow und Animationen.”
Pricing
Dein Upgrade für Webflow.
Mit der neuen GSAP Timeline steuerst du Animationen wie ein Motion Designer – direkt im Interface und ohne coding.
English Course Pricing Opens in December 2025
Webflow GSAP Interactions Masterclass (Deutsch)
Super-Deal
- 25 praxisnahe Video-Lektionen (3 Stunden komprimiertes Wissen)
- Lebenslanger Zugang inklusive Updates
- Webflow-Projektvorlage mit allen Animationen für deine Kundenprojekte
- Fragen & Probleme direkt per Chat klären
- Optional: Figma-Vorlage im Checkout hinzufügen
- Abschlusszertifikat
199
€
299
€
Nur 167 € netto für Selbstständige und Unternehmen
Du sparst00€
Webflow GSAP Interactions Masterclass (Deutsch)
Super-Deal
- 25 praxisnahe Video-Lektionen (3 Stunden komprimiertes Wissen)
- Lebenslanger Zugang inklusive Updates
- Webflow-Projektvorlage mit allen Animationen für deine Kundenprojekte
- Fragen & Probleme direkt per Chat klären
- Optional: Figma-Vorlage im Checkout hinzufügen
- Abschlusszertifikat
199
€
299
€
Nur 167 € netto für Selbstständige und Unternehmen
Alle Preise inklusive 19% Umsatzsteuer. Du erhältst eine Rechnung, die du als Werbungskosten in deiner Steuererklärung absetzen kannst (Fortbildungskosten).
+00
Mehr als 00 Personen nutzen Kurse von Formburg für ihre Weiterbildung. Rückmeldungen lesen.
Geteilte Erfahrungen, echte Erfolge
FAQ
Häufige Fragen zum Onlinekurs
Sind alle zukünftigen neuen Inhalte kostenlos inklusive?
Mit dem Kauf des Kurses erhältst du lebenslangen Zugang – inklusive aller bisherigen Inhalte sowie sämtlicher zukünftiger Updates und neuer Module. Einmal zahlen, alles inklusive: Es entstehen keine zusätzlichen Kosten für dich.
Gibt es einen Weg mit Jonas zu sprechen, wenn ich irgendwo nicht weiter komme?
Während des Online Kurses kannst du zu jederzeit die Kommentarfunktion nutzen, die unter jeder Lektion integriert ist. Darauf werde ich einmal pro Woche antworten. Taucht darüber hinaus ein Problem auf oder du kommst irgendwo gar nicht mehr weiter, kannst du mich auch direkt über den Chat kontaktieren.
Gibt es ein Abschlusszertifikat?
Du kannst ein Abschluss-Zertifikat mit deinem Namen als PDF von mir bekommen, sobald du 80% des Kurses abgeschlossen hast.
Für das Zertifikat musst du mich kontaktieren mit dem Namen, der auf das Zertifikat soll und deiner Bestellnummer. Dann werde ich deinen Fortschritt überprüfen.
Wie lange habe ich Zugang zu diesem Kurs?
Lebenslang! Du erhältst sogar kostenlos alle Updates und Lern-Module, die ich zukünftig hinzufügen werde.
Bekomme ich mein Geld zurück, wenn mir der Kurs nicht gefällt?
Ja, es gibt eine 14 Tage Geld-Zurück-Garantie.
German