Kit.
Webflow
Profi-Kurs
Fortgeschrittene Webdesign Techniken für Webflow Poweruser.
Presented by
Expert
Kit.
Kit.
Learn to build any Website
werde zum Experten für außergewöhnliche Websites
Neu!
Du kennst dich schon gut mit Webflow aus und möchtest jetzt richtig durchstarten? Dieser Kurs hilft dir, deine Skills auf das nächste Level zu bringen! Mit fortgeschrittenen Techniken zeige ich dir, wie du außergewöhnliche Websites umsetzt.
5
Kapitel
50+
Lektionen
6+
Stunden an Videos
Was wir im Kurs bauen
- CMS Produkt-Konfigurator mit Bezahlfunktion
- Interaktive 2D und 3D Produkt-Demonstration
- Umsetzung von extrem individuellen Layouts
- kleines Shop-System (kostenlos, kein Webflow E-Commerce!) mit Warenkorb und Stripe-Checkout-Funktion
- Fortgeschrittene Finsweet Attributes Integrationen
- Profitechniken für Animationen
Bonus
Inklusive Figma Design-Datei zum Downlod
Nutze die im Kurs erstellte Webflow-Vorlage frei für deine Kundenprojekte.
Inhalte
Dieser Kurs ist bis oben hin vollgepackt mit den besten Informationen zur Erstellung großartiger visueller Webseiten.
Einleitung
00Videos
Fortgeschrittene Layouts und Animationen
00Videos
2D und 3D Produkt-Demo
00Videos
CMS Konfigurator
00Videos
Einfacher Stripe Checkout (No-Code)
00Videos
Shop-System mit Warenkorbfunktion und Stripe Checkout
00Videos
Bonusmaterial
00Videos
10
Serverseitigen Code ausführen und anlegen
2
Download Figma File
11
Responsive Design Übersichtsseite
1
Workshop Webflow Projekt
12
Responsive Design Detailseite
9
Warenkorb Funktion implementieren
8
Warenkorb Umsetzen
6
Preise über Stripe API einholen
5
Finsweet Attributes CMS Filter
7
Rabatt-Preise über das Webflow CMS pflegen
4
Shop Produkt Komponenten erstellen
3
Aufbau Produkt Übersichtsseite
2
Einführung in Coding mit AI
1
Beschränkungen dieser Lösung
7
Stripe und DSGVO
6
Checkout Links in Webflow verarbeiten
5
Zahlungsseite erstellen
4
Produkte in Stripe Anlegen
3
Vorteile von Stripe gegenüber Shopify oder Webflow eCommerce
2
Stripe Account Anlegen + allgemeine Infos
7
Responsive Design
9
Zoom bei Klick auf bestimmte Stelle an Produktbild (variabel über Attributes definierbar)
1
Vorteile und Nachteile von Stripe gegenüber Shopify oder Webflow E-Commerce
10
Responsive Design
9
Zusätzliche Produkt-Infos über das CMS anlegen
8
Konfigurator Animation beim Wechsel der Farben
7
Konfigurator Funktionalität der Farb-Wechsler
6
Lightbox Galerie über das CMS und mit umgehen der Nested Collection Limitierung
5
Info-Punkt auf dem Produkt über das CMS positionieren
4
Aufbau Popover Elemente am Produkt mit Erklärung
2
Umsetzung Design Konfigurator
3
Farbeffekt über das CMS steuern
1
Aufbau Produkt-Varianten über das CMS
10
Responsive Design
8
Grundaufbau 2D Produkt-Demo Sektion
6
(Spline Szene erst laden, wenn auf Button geklickt wird)
5
3D Objekt Fullscreen öffnen bei Button Klick
4
Produkt Details rein zoomen bei Button Klick
3
Popover Elemente mit Erklärung am Produkt
1
Grundaufbau 3D Produkt-Demo Sektion
2
Spline Objekt aufbereiten und integrieren
21
Bonus: Light / Dark Mode
20
Einfacher Section overscroll Effekt
19
CMS Grid Hover Animation mit CSS
18
Scrollen unterbinden, wenn Modal geöffnet ist (2 Methoden)
17
CMS Modal Animation in Webflow
16
CMS Grid mit Dialog / Modal / Popup Funktionalität
14
Responsive Design Tabs
15
Zahlen rein animieren on scroll
13
Autoplay Tabs Layout 2 mit Videocontent
12
Autoplay Pause/Play Button Animation
11
Autoplay Tabs Funktionalität
10
Verschiedene Tab-Layouts basierend auf Inhalten mit CSS : has
9
Tabs Grundaufbau
8
Responsive Design Bühne
5
Badge Animation on scroll
7
Bühne Tabelle mit Components
6
Inhalte Bühne mit Video
3
3D Box in Webflow bauen
1
Wie du am meisten aus diesem Kurs rausholen kannst
4
3D Box – Animation
2
Gradient Grafik Bühne
2
Styleguide Vorarbeit + CSS Variables durchgehen
1
Haupt-Navigation bauen
No items found.
Über die Kommentarfunktion im Kurs kann ich dir bei Fragen direkt weiterhelfen
Shop und Warenkorb Funktion mit Stripe Checkout
Statt auf Webflow E-Commerce setzen wir auf eine individuelle Lösung mit Stripe-Anbindung. Deine Kunden zahlen lediglich die Stripe-Transaktionsgebühren. Die Produktverwaltung erfolgt über Stripe, während die Integration der Produktinfos über die API realisiert wird.
Die ersten Einblicke in Layouts gibts auch in diesem Video
Steigt monatlich an
Pre-Launch Rabatt sichern
Der Kurs startet im Januar 2025 mit den ersten verfügbaren Videos.
Countdown bis zum nächsten Preisanstieg:
00
Tage
00
Stunden
00
Minuten
00
Sekunden
Webflow Profi-Kurs
Super-Deal
- 10+ Stunden an Videomaterial
- Lebenslanger Zugang und Updates
- Figma Designvorlage
- Webflow Projektvorlage mit allem was wir bauen
- Abschlusszertifikat
449
€
699
€
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.
Schüler-, Azubi- oder StudentenRabatt
Es gibt in der Pre-Launch Phase keinen Schüler oder Studentenrabatt, da der Preis schon reduziert ist.
Häufige Fragen
Ich habe schon deinen Starter-Kurs absolviert. Lohnt sich der Profi-Kurs für mich noch?
Im Profi-Kurs geht es um die nächste Stufe: komplexe Layouts, kreative Problemlösungen, fortgeschrittene Animationen und Techniken, die dir ermöglichen, einzigartige und anspruchsvolle Projekte umzusetzen. Diese Inhalte gehen weit über den Starter-Kurs hinaus und setzen fundierte Kenntnisse in Webflow voraus. Wenn du dich mit responsivem Design in Webflow noch unsicher fühlst, könnte es sinnvoll sein, zuerst deine Grundlagen zu festigen, bevor du dich diesem anspruchsvollen Kurs widmest.
Wie unterscheidet sich der Profi-Kurs zum Starter-Kurs
Der Profi-Kurs richtet sich an erfahrene Webflow-Nutzer und setzt grundlegende Kenntnisse sowohl in Webflow als auch im allgemeinen Website-Aufbau voraus. Statt Basiswissen zu vermitteln, konzentriert sich der Kurs darauf, anspruchsvolle Problemstellungen in Webflow effizient und kreativ zu lösen. Du lernst, komplexe Layouts umzusetzen, die optisch ansprechend und technisch herausfordernd sind, sowie beeindruckende Animationen zu erstellen. Dieser Kurs ist ideal, um dein Können auf ein neues Level zu bringen und Websites zu realisieren, die weit über den Standard hinausgehen.
Arbeite ich im Kurs mit dem Finsweet Client First System?
Ich habe den Client First Styleguide auf meine Bedürfnisse angepasst und vieles davon abgeleitet. Trotzdem hier und da auch mal was anders benannt. Aber die Struktur ist sehr ähnlich. Wenn du die Herangehensweise aus meinem Kurs verstehst, fällt es dir sehr leicht auch ein Projekt komplett nach dem Client First Prinzip aufzubauen.
Auch viele, die schon im Kurs dabei sind, arbeiten danach mit dem Client First Ansatz und nutzen den Styleguide davon als Vorlage und nicht meinen.
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.
Machst du auch persönliche Schulungen bei Agenturen (online oder live) um ggf. gezielt Fragen und Aufgabenstellungen zu klären?
Bei Interesse bitte per Mail bei mir melden:
Gibt es einen Rabatt für Studenten, Schüler oder Auszubildende?
Du bekommst 25% Rabatt.
Bitte sende dazu einfach eine Mail mit der Info, wie dein Studiengang bzw. deine Ausbildung heißt und auf welche Schule du gehst an:
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.
Wie lange brauche ich pro Woche für diesen Kurs?
Ich empfehle dir jeden Tag zwei Lektion anzuschauen um am Ball zu bleiben und schnell Ergebnisse zu sehen. Eine halbe Stunde solltest du auch neben Kundenaufträgen oder deinem Job gut unterbekommen. Die meisten Videos gehen 8-15 Minuten. Das macht also 2-4 Stunden pro Woche. Alternativ könntest du den kompletten Kurs auch in einer Woche durch rocken. Da du aber dein Leben lang auf diesen Kurs zugreifen kannst, kannst du genauso in deiner Geschwindigkeit lernen.
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.