Webflow

Profi-Kurs

Fortgeschrittene Webdesign Techniken für Webflow Poweruser.

Pre-Launch Preis sichern
Presented by
Expert
Kit.
Learn to build any Website

werde zum Experten für außergewöhnliche Websites

Neu!
Onlinekurs
50+ Videos

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
Shop-System mit Warenkorbfunktion und Stripe Checkout
2
Download Figma File
Bonusmaterial
11
Responsive Design Übersichtsseite
Shop-System mit Warenkorbfunktion und Stripe Checkout
1
Workshop Webflow Projekt
Bonusmaterial
12
Responsive Design Detailseite
Shop-System mit Warenkorbfunktion und Stripe Checkout
9
Warenkorb Funktion implementieren
Shop-System mit Warenkorbfunktion und Stripe Checkout
8
Warenkorb Umsetzen
Shop-System mit Warenkorbfunktion und Stripe Checkout
6
Preise über Stripe API einholen
Shop-System mit Warenkorbfunktion und Stripe Checkout
5
Finsweet Attributes CMS Filter
Shop-System mit Warenkorbfunktion und Stripe Checkout
7
Rabatt-Preise über das Webflow CMS pflegen
Shop-System mit Warenkorbfunktion und Stripe Checkout
4
Shop Produkt Komponenten erstellen
Shop-System mit Warenkorbfunktion und Stripe Checkout
3
Aufbau Produkt Übersichtsseite
Shop-System mit Warenkorbfunktion und Stripe Checkout
2
Einführung in Coding mit AI
Shop-System mit Warenkorbfunktion und Stripe Checkout
1
Beschränkungen dieser Lösung
Shop-System mit Warenkorbfunktion und Stripe Checkout
7
Stripe und DSGVO
Einfacher Stripe Checkout (No-Code)
6
Checkout Links in Webflow verarbeiten
Einfacher Stripe Checkout (No-Code)
5
Zahlungsseite erstellen
Einfacher Stripe Checkout (No-Code)
4
Produkte in Stripe Anlegen
Einfacher Stripe Checkout (No-Code)
3
Vorteile von Stripe gegenüber Shopify oder Webflow eCommerce
Einfacher Stripe Checkout (No-Code)
2
Stripe Account Anlegen + allgemeine Infos
Einfacher Stripe Checkout (No-Code)
7
Responsive Design
2D und 3D Produkt-Demo
9
Zoom bei Klick auf bestimmte Stelle an Produktbild (variabel über Attributes definierbar)
2D und 3D Produkt-Demo
1
Vorteile und Nachteile von Stripe gegenüber Shopify oder Webflow E-Commerce
Einfacher Stripe Checkout (No-Code)
10
Responsive Design
CMS Konfigurator
9
Zusätzliche Produkt-Infos über das CMS anlegen
CMS Konfigurator
8
Konfigurator Animation beim Wechsel der Farben
CMS Konfigurator
7
Konfigurator Funktionalität der Farb-Wechsler
CMS Konfigurator
6
Lightbox Galerie über das CMS und mit umgehen der Nested Collection Limitierung
CMS Konfigurator
5
Info-Punkt auf dem Produkt über das CMS positionieren
CMS Konfigurator
4
Aufbau Popover Elemente am Produkt mit Erklärung
CMS Konfigurator
2
Umsetzung Design Konfigurator
CMS Konfigurator
3
Farbeffekt über das CMS steuern
CMS Konfigurator
1
Aufbau Produkt-Varianten über das CMS
CMS Konfigurator
10
Responsive Design
2D und 3D Produkt-Demo
8
Grundaufbau 2D Produkt-Demo Sektion
2D und 3D Produkt-Demo
6
(Spline Szene erst laden, wenn auf Button geklickt wird)
2D und 3D Produkt-Demo
5
3D Objekt Fullscreen öffnen bei Button Klick
2D und 3D Produkt-Demo
4
Produkt Details rein zoomen bei Button Klick
2D und 3D Produkt-Demo
3
Popover Elemente mit Erklärung am Produkt
2D und 3D Produkt-Demo
1
Grundaufbau 3D Produkt-Demo Sektion
2D und 3D Produkt-Demo
2
Spline Objekt aufbereiten und integrieren
2D und 3D Produkt-Demo
21
Bonus: Light / Dark Mode
Fortgeschrittene Layouts und Animationen
20
Einfacher Section overscroll Effekt
Fortgeschrittene Layouts und Animationen
19
CMS Grid Hover Animation mit CSS
Fortgeschrittene Layouts und Animationen
18
Scrollen unterbinden, wenn Modal geöffnet ist (2 Methoden)
Fortgeschrittene Layouts und Animationen
17
CMS Modal Animation in Webflow
Fortgeschrittene Layouts und Animationen
16
CMS Grid mit Dialog / Modal / Popup Funktionalität
Fortgeschrittene Layouts und Animationen
14
Responsive Design Tabs
Fortgeschrittene Layouts und Animationen
15
Zahlen rein animieren on scroll
Fortgeschrittene Layouts und Animationen
13
Autoplay Tabs Layout 2 mit Videocontent
Fortgeschrittene Layouts und Animationen
12
Autoplay Pause/Play Button Animation
Fortgeschrittene Layouts und Animationen
11
Autoplay Tabs Funktionalität
Fortgeschrittene Layouts und Animationen
10
Verschiedene Tab-Layouts basierend auf Inhalten mit CSS : has
Fortgeschrittene Layouts und Animationen
9
Tabs Grundaufbau
Fortgeschrittene Layouts und Animationen
8
Responsive Design Bühne
Fortgeschrittene Layouts und Animationen
5
Badge Animation on scroll
Fortgeschrittene Layouts und Animationen
7
Bühne Tabelle mit Components
Fortgeschrittene Layouts und Animationen
6
Inhalte Bühne mit Video
Fortgeschrittene Layouts und Animationen
3
3D Box in Webflow bauen
Fortgeschrittene Layouts und Animationen
1
Wie du am meisten aus diesem Kurs rausholen kannst
Einleitung
4
3D Box – Animation
Fortgeschrittene Layouts und Animationen
2
Gradient Grafik Bühne
Fortgeschrittene Layouts und Animationen
2
Styleguide Vorarbeit + CSS Variables durchgehen
Einleitung
1
Haupt-Navigation bauen
Fortgeschrittene Layouts und Animationen
No items found.
Über die Kommentarfunktion im Kurs kann ich dir bei Fragen direkt weiterhelfen

Einblicke

Umsetzung von Fortgeschrittenen Layouts und Animationen
CMS Konfigurator mit Bezahlfunktion
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.

2D und 3D Produkt Demonstration

Die ersten Einblicke in Layouts gibts auch in diesem Video

Inklusive Bonusmaterial

Webflow Vorlage mit allem, was wir im Kurs bauen zur Verwendung bei deinen Kundenaufträgen

Figma Layouts als Download

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
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
Einmalzahlung
3 monatliche Zahlungenvon156
Spare 19€ mit der Einmalzahlung.
Pre-Launch Rabatt. Die ersten Videos kommen im Januar 2025.
Alle Preise inklusive 19% Umsatzsteuer. Du erhältst eine Rechnung, die du als Werbungskosten in deiner Steuererklärung absetzen kannst (Fortbildungskosten).
Alexandra
Tobias Z.
Amanda
Fabian R.
Annemarie C.
Mike
Joachim
+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.