Webflow

Komplettkurs

Lerne Webflow von Grund auf und setze Websites professionell um – ohne Programmierkenntnisse!

Zugang sichern
Mit Webflow Experte
Jonas Arleth
Ein Kurs, alle Skills:

Werde zum Experte ohne Umwege

In diesem interaktiven Lehrgang findest du über sechs Jahre und tausende Stunden Webflow-Erfahrung kompakt zusammengefasst.

8
Kapitel
100
Lektionen
16
Stunden an Videos
A man wearing a brown shirt and a necklace smiling.
531

Über 531 aus den unterschiedlichsten Branchen sind schon dabei!

Alle Bewertungen lesen
Heiko
Chris G.
Nikolaus
Joachim
Alexandra
Cornelius M.
Alexander S.
+00

Ich kann den Kurs gar nicht hoch genug wertschätzen. Webflow mit Jonas´ Kurs zu lernen hat meinen beruflichen Schwerpunkt komplett verändert und Geschäftsfelder eröffnet, die bisher nicht erreichbar waren.

Sven
Diplom Designer, Webdesigner

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.

Alexander S.
Co-Founder VisualMakers

Ich mag die Videos und die Herangehensweise von Jonas sehr. Ich würde den Kurs jedem empfehlen, der Webflow wirklich verstehen und lernen will.

Sabine R.
Expertin für Marketing-Automatisierung

Webflow macht es mir möglich, meine Webprojekte als Designerin von vorne bis hinten allein umzusetzen und das genau so, wie ich mir das vorgestellt habe.

Miriam K.
Miriam K.
Kommunikationsdesignerin
Neu

Aktualisiert mit der neuen Webflow Designer UI 2024!

2024 wurde der Kurs komplett überarbeitet! Zudem arbeiten wir mit neu gestalteten Layouts, die noch mehr reale Szenarios abdecken.

Von den Grundlagen über beeindruckende Animationen bis hin zur Veröffentlichung und Übergabe an deine Kunden. Du lernst individuelle Webseiten ohne Programmierkenntnisse zu realisieren.

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.

Praxisnahes Lernen

„Besser als die Webflow-University, da Jonas‘ Kurs wesentlich näher am realen Arbeitsalltag eines Webdesigners ist. Zudem mit nützlichen Tipps für SEO und mit Hinweisen für die deutsche Gesetzeslage (Datenschutz o.ä.), was ich so bisher noch nicht gesehen habe.”

Luca
Webdesigner

„Mal davon abgesehen, dass ich deine Erklär- und Herangehensweise wirklich perfekt strukturiert finde, ist es zusätzlich besonders stark, dass du aus der Designersicht als "Dienstleister" sprichst. Es geht eben nicht nur um das Tool an sich, sondern auch darum, wie man Projekte für verschiedene Kunden anlegt, was ich ihnen vermitteln muss, was die Vorteile sind usw.”

Tanja
Tanja K.
Kommunikationsdesignerin

Beispiele anhand realer Kundenaufträge

Nutze Vorlagen für deine Projekte

Keine Vorkenntnisse erforderlich

Lerne von überall und mit jedem Gerät

Vorschau

Du lernst Schritt für Schritt anhand von realen Kundenaufträgen und wunderschön gestalteten Beispiel-Layouts, so dass du am Ende viele mögliche Szenarien und Komponenten selbst bauen kannst.

Layouts

Animationen

Inhalte

Dieser Kurs ist bis oben hin vollgepackt mit den besten Informationen zur Erstellung großartiger visueller Webseiten.

Intro

00Videos
00Stunden

Webdesign Grundlagen

00Videos
00Stunden

Ein neues Website Projekt starten

00Videos
00Stunden

Praktische Umsetzung von Layouts

00Videos
00Stunden

Responsive Design Process

00Videos
00Stunden

Webflow CMS umfassend verstehen

00Videos
00Stunden

Animationen hinzufügen

00Videos
00Stunden

DSGVO

00Videos
00Stunden

Website Veröffentlichen

00Videos
00Stunden

Zusammenarbeit mit Kunden

00Videos
00Stunden
14
Übung Positionierung
Webdesign Grundlagen
1
Willkommen und wie du am meisten aus diesem Online Kurs rausholen kannst
Intro
07:00
6
Wie kannst du überprüfen, welche Cookies gesetzt werden
DSGVO
07:40
5
Wichtige Cookie Banner Grundlagen
DSGVO
10:50
3
Website optimieren für besseren Google Pagespeed
Website Veröffentlichen
14:00
6
Wie Kunden die Website bearbeiten können
Zusammenarbeit mit Kunden
4
Webflow Slideshow – alles was du wissen musst
Praktische Umsetzung von Layouts
17:00
7
Webflow Slideshow mit CMS Inhalten
Webflow CMS umfassend verstehen
10:00
4
Webflow Designer im Schnelldurchlauf
Webdesign Grundlagen
15:30
5
Webflow Slideshow fortgeschritten
Praktische Umsetzung von Layouts
20:00
3
Webflow Finder und Shortcuts nutzen
Intro
06:00
3
Webflow Code exportieren
Zusammenarbeit mit Kunden
2
Was unterscheidet das Webflow CMS von anderen
Webflow CMS umfassend verstehen
07:30
5
Was macht Webflow für uns im Hintergrund? HTML und CSS verstehen
Webdesign Grundlagen
06:50
1
Warum wir mit REM anstatt Pixel arbeiten
Ein neues Website Projekt starten
05:40
7
Video Popups und Modal Overlays – 3 Möglichkeiten
Praktische Umsetzung von Layouts
13:00
8
Verschachtelte Inhalte – Reference Fields erklärt
Webflow CMS umfassend verstehen
06:43
9
Verschiedene Einheiten (Units) verstehen – px, %, em, rem, ch,vw, vh, svw, svh
Webdesign Grundlagen
31:20
1
Wann brauchst du einen Cookie-Banner, wann eine Datenschutzerklärung?
DSGVO
05:20
14
Variable Layouts auf basis gleicher CMS Inhalte
Webflow CMS umfassend verstehen
06:00
8
Selektoren / CSS Klassen verstehen
Webdesign Grundlagen
05:40
12
Variablen mit Webflow Interaktionen animieren
Animationen hinzufügen
03:20
4
Textelemente beim Scrollen rein animieren lassen
Animationen hinzufügen
11:20
3
Text auf Bild – Hero Sektion erstellen
Praktische Umsetzung von Layouts
18:40
10
Suchfunktion einbinden
Praktische Umsetzung von Layouts
08:40
5
Tabellen ausfüllen lassen und Inhalte als CSV Datei importieren
Webflow CMS umfassend verstehen
04:00
4
Styleguide definieren und durchgehen
Ein neues Website Projekt starten
17:00
17
Seitenübergang animieren (Page Transitions erstellen)
Animationen hinzufügen
19:50
7
Seiten professionell strukturieren
Ein neues Website Projekt starten
13:30
7
Schulung aufnehmen und Website an Kunden übergeben
Zusammenarbeit mit Kunden
03:15
10
SEO beim Thema Headlines beachten
Ein neues Website Projekt starten
08:00
2
Schriftgrößen und den Styleguide responsive machen
Responsive Design Process
21:00
2
Schriftart und Font einbinden
Ein neues Website Projekt starten
07:50
3
Nach welchem Prinzip funktioniert das CMS
Webflow CMS umfassend verstehen
11:30
3
Lösungen für Texte, die auf mobile nicht umbrechen
Responsive Design Process
06:30
1
SEO Seiteneinstellungen (Suchmaschinenoptimierung)
Website Veröffentlichen
13:30
9
Recaptcha bei Kontaktformularen hinzufügen
Praktische Umsetzung von Layouts
15
Position sticky – Elemente mitscrollen lassen
Webdesign Grundlagen
07:00
13
Position relative, absolute und fixed verstehen
Webdesign Grundlagen
09:45
6
Pinterest Bilder Grid mit CMS erstellen
Webflow CMS umfassend verstehen
05:50
8
Mit Lottie Animationen arbeiten
Animationen hinzufügen
10:00
7
Parallax Scroll Effekte
Animationen hinzufügen
12:20
11
Mit externen Libraries arbeiten
Praktische Umsetzung von Layouts
12:00
12
Mit Komponenten arbeiten
Praktische Umsetzung von Layouts
17:20
16
Mit Icons und SVG Vektorgrafiken arbeiten (3 Wege)
Webdesign Grundlagen
10:00
1
Mit Animationen arbeiten – Grundlagen Übersicht
Animationen hinzufügen
18:00
1
Kunden von Webflow überzeugen
Zusammenarbeit mit Kunden
13
Mehrsprachige Webseiten erstellen
Praktische Umsetzung von Layouts
5
Kunden Editor Zugang einrichten
Zusammenarbeit mit Kunden
10
Individuelle Typo-Scroll-Animation
Animationen hinzufügen
12:00
6
Individuelle Seiten-Lade-Animation
Animationen hinzufügen
12:40
4
Hosting bei Webflow – Vorteile
Zusammenarbeit mit Kunden
4
Impressum anlegen und generieren
Website Veröffentlichen
06:00
7
Hierarchien und Vererbungen im Webdesign
Webdesign Grundlagen
05:20
9
Horizontales Bilder-Karussell / Logo-Karussell in Endlosschleife
Animationen hinzufügen
10:00
6
Google Search Console einrichten und Sitemap hochladen (SEO)
Website Veröffentlichen
06:50
5
Globales Custom CSS File
Ein neues Website Projekt starten
06:10
8
Formulare erstellen und automatisiert versenden
Praktische Umsetzung von Layouts
15:00
10
Google Maps Karten einbinden
DSGVO
Vorschau
08:30
6
Galerie in overlay Lightbox
Praktische Umsetzung von Layouts
09:20
4
FAQ Liste erstellen – CMS Beginner
Webflow CMS umfassend verstehen
16:20
17
Elemente, die du verloren hast, wiederherstellen
Webdesign Grundlagen
02:30
6
Fluid Design anlegen und verstehen
Ein neues Website Projekt starten
24:30
2
Einstieg in Website Animationen
Animationen hinzufügen
Vorschau
16:00
5
Elemente bei bestimmten Geräten oder Größen ausblenden bzw. ersetzen
Responsive Design Process
02:45
2
Elemente aus anderen Webflow Projekten kopieren
Intro
07:00
1
Einführung in das Webflow CMS
Webflow CMS umfassend verstehen
Vorschau
06:40
12
Einführung in Flexbox – Elemente horizontal und vertikal positionieren
Webdesign Grundlagen
13:30
11
Einführung in Grid und Quick-Stack – Magazin Layouts
Webdesign Grundlagen
18:10
1
Eine Seite responsive machen – allgemeines Vorgehen
Responsive Design Process
45:40
1
Einfache standard Hauptnavigation erstellen
Praktische Umsetzung von Layouts
18:00
15
Eigenes Hamburger Menü ab Desktop erstellen
Animationen hinzufügen
29:35
4
Eigene responsive Breakpoints anlegen
Responsive Design Process
06:25
9
Effizient mit Abständen arbeiten
Ein neues Website Projekt starten
12:00
16
Eigene Webflow Slider Animationen
Animationen hinzufügen
12:20
3
Effizient mit Variablen arbeiten
Ein neues Website Projekt starten
16:50
2
Der richtige Webflow-Plan für dich und deine Kunden
Zusammenarbeit mit Kunden
5
Domain verknüpfen
Website Veröffentlichen
13:50
2
Dropdown zu einer Navigation hinzufügen
Praktische Umsetzung von Layouts
13:15
5
Der eine Trick, der deine Animationen Premium macht
Animationen hinzufügen
15:20
2
Datenschutzerklärung generieren und anlegen (kostenlose Variante)
DSGVO
12:00
3
Datenschutzerklärung größere Kunden (kostenpflichtige Variante) – datenschutz-generator.de
DSGVO
12:30
8
Cookie Banner Variante 2: Finsweet Webflow Cookie Consent integrieren (kostenlos)
DSGVO
25:20
6
Das Box-Model verstehen
Webdesign Grundlagen
05:40
7
Cookie Banner Variante 1: cookie-script.com integrieren (kostenlose und bezahlte Version)
DSGVO
31:40
8
Container verstehen und richtig einsetzen
Ein neues Website Projekt starten
11:50
10
Blog Übersichtsseite erstellen
Webflow CMS umfassend verstehen
17:00
7
Checkliste vor Website Launch
Website Veröffentlichen
10:20
9
CMS Inhalte sortieren: Reihenfolgen selbst bestimmen
Webflow CMS umfassend verstehen
02:30
13
CMS Inhalte ohne Page Reload filtern (fortgeschritten) – Finsweet Attributes
Webflow CMS umfassend verstehen
15:40
15
CMS Inhalte in eigenem Code verwenden – Embed Element (fortgeschritten)
Webflow CMS umfassend verstehen
07:20
3
Button und Links animieren – Grundlagen
Animationen hinzufügen
06:30
10
Bilder richtig exportieren und verarbeiten
Webdesign Grundlagen
11:00
11
Blog Detailseite erstellen
Webflow CMS umfassend verstehen
10:00
12
Blog Archiv mit Tags und Filter anlegen
Webflow CMS umfassend verstehen
07:10
4
Auftragsverarbeitungsvertrag (AVV) mit Webflow abschließen (mit Vorlage)
DSGVO
03:40
11
Bild während des Scrollens wachsen lassen
Animationen hinzufügen
08:20
9
Alternative zu Google Analytics ohne Cookies
DSGVO
9:50
14
3D Objekte in Webflow integrieren und animieren
Animationen hinzufügen
16:00
13
3D Objekte in Spline vorbereiten
Animationen hinzufügen
13:10
2
301 Redirects: SEO Kunden-Rankings nicht verlieren
Website Veröffentlichen
08:40

Meine Garantie

Wenn dir der Kurs nicht gefällt, kannst du 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!

Investiere jetzt in deine Zukunft

Lebenslanger Kurszugang

Alle zukünftigen Updates enthalten

14 Tage Geld-zurück-Garantie

000
Sind Schon dabei
Kurs beitreten
Kürzlich beigetreten
Tiffany
Grafik- und Webdesignerin
ist beigetreten
Tobias Z.
Webflow Entwickler / Designer
ist beigetreten
Sven B.
Kommunikationsdesigner
ist beigetreten
Tanja K.
Kommunikations-Designerin
ist beigetreten
Timo L.
Webdesigner
ist beigetreten
Tom S.
Cross Creative
ist beigetreten
Tine S.
UI/UX Designerin
ist beigetreten
Wolfgang M.
Trainer und Mediendesigner
ist beigetreten
Marlen G.
Lehrerin
ist beigetreten
Luca
Webdesigner
ist beigetreten
Mike
Lehrer an der Designschule München
ist beigetreten
Sven
Diplom Designer, Webdesigner
ist beigetreten
Nikolaus
Webdesigner
ist beigetreten
Patricius W.
Grafiker
ist beigetreten
Matthias H.
Digitaler Konzepter
ist beigetreten

Ist dieser Kurs für dich?

Für diesen Kurs sind keine Vorkenntnisse erforderlich. Ein technisches Grundverständnis erleichtert dir den Einstieg.

Zum Erstellen der Websites brauchst du einen Computer, einen Browser und einen kostenlosen Webflow Account.

Designer

Erstelle Websites ohne ewiges Hin und Her mit externen Entwicklern

Programmierer haben meine Layouts einfach nie genau so umgesetzt wie ich sie übergeben habe.
Der Grund: Die Website wurden nicht mit dem Auge programmiert, mit dem ich sie erstellt habe. Ein ewiges Hin und Her bis wichtige Details und Animationswünsche endlich implementiert wurden.

Spare dir diese wertvolle Zeit und realisiere Webseiten von vorne bis hinten selbst für deine Kunden. Es ist unglaublich wie viel schneller du mit Webflow zum Ziel kommst und dabei sogar noch mehr verdienst.

Du erstellst Websites mit deinen Augen – mit Liebe zum Detail.

Lerne DAS No-Code-Webdesign-Tool, um komplexe responsive Websites zu erstellen.

Überlasse die Umsetzung deiner Web-Layouts nicht länger externen Entwicklern. Gewinne dadurch mehr Aufträge und steigere dein Einkommen.

Beitrag-Empfehlung für dich:
A website with a purple background and a woman on the screen.
Eine umfangreiche Übersicht was Webflow kann
Welche Art von Webseiten lassen sich mit Webflow realisieren? Ein Beitrag mit allen Vorteilen und Funktionen im Überblick.

Webflow Beginner

Dieser Kurs ist der einfachste Weg, den Webflow Designer zu beherrschen

Speziell für Anfänger entwickelt, führt dich dieser Kurs Schritt für Schritt durch alle Grundlagen, um Webflow zu verstehen und effektiv zu nutzen. Mit leicht verständlichen Lektionen, interaktiven Übungen und praktischen Beispielen lernst du, wie du beeindruckende Websites erstellst, ohne eine einzige Codezeile schreiben zu müssen. Anschließend geht es Stück für Stück mit fortgeschrittenen Videos weiter.

Lerne Websites professionell zu strukturieren und aufbzubauen.

Wenn du im deutschsprachigen Raum einen besseren Kurs findest, der dir den Einstieg in Webflow beibringt, gib mir kurz Bescheid und ich zahle dir dein Geld zurück!

Beitrag-Empfehlung für dich:
Was ist Webflow
Was ist Webflow? Eine umfangreiche Übersicht
Was ist Webflow und welche Art von Webseiten lassen sich damit realisieren? Ein Beitrag mit allen Vorteilen und Funktionen im Überblick.

Print-Designer

Werde mit Webflow zum Allround-Designer!

Mit Webflow kannst du nicht nur deine kreativen Ideen umsetzen, sondern auch dein Einkommen steigern. Biete deinen Kunden ein Rundum-Sorglos-Paket, indem du vom Konzept über das Design bis hin zur Website-Erstellung alles selbst übernimmst. Keine umständliche Übergabe an Entwickler mehr – du behältst die Kontrolle und erstellst Websites genau so, wie du es möchtest.

Überspringe jahrelanges rumprobieren und lerne Webdesign anhand eines funktionierenden Prozesses, um deinen Kunden mehr anbieten zu können und dabei sogar noch mehr zu verdienen.

Spare dir die umständliche Übergabe an einen Entwickler

Du erstellst Websites mit deinen Augen - so wie es sein sollte

Beitrag-Empfehlungen für dich:
10 crazy Webflow Website Scroll Animationen-blog
Webdesign Kurs für Print-Designer
Deine Vorteile auf einen Blick
Webdesign lernen ohne Programmierkenntnisse
Webdesign lernen: Der beste Weg ohne Programmierkenntnisse
Wie du heutzutage ohne Programmierkenntnisse als Webdesigner durchstarten kannst.

Wordpress-Nutzer

Mehr als ein Theme: Webflow ist die ultimative Lösung für unabhängiges Design

Mit Webflow kannst du ohne Kompromisse jedes Design für deine Kunden selbst umsetzen, ohne auf die Einschränkungen von WordPress-Themes angewiesen zu sein. Im Gegensatz zu WordPress erlebst du keinen Plugin-Update-Wahnsinn mehr, da Webflow die Plattform, den Server und auch Apps automatisch aktualisiert. Entdecke die Freiheit und Flexibilität von Webflow und positioniere dich als Webdesigner, der ohne Grenzen außergewöhnliche Websites entwickeln kann.

Starte den Schritt weg von vorgefertigten Wordpress Themes und positioniere dich als Webdesigner, der ohne Kompromisse jedes Design für seine Kunden selbst umsetzen kann.

Kein Plugin-Update Wahnsinn mehr!

Beitrag-Empfehlung für dich:
Wordpress vs Webflow
Webflow vs. WordPress: Unterschiede & Vergleich der beiden CMS
Funktionen sowie Vor- und Nachteile gegenübergestellt.

Projektmanager & Marketer

Mach dich unabhängig: Webflow für agile Teams und Projekte

Unser Kurs bietet dir den optimalen Einstieg in die Welt von Webflow, auch wenn du kein Webdesigner bist. Viele haben bereits erfolgreich teilgenommen und können nun mühelos Unternehmens-Webseiten auf Basis von Webflow aktualisieren, verändern und optimieren - ganz ohne externe Hilfe und in Rekordzeit. Mit unseren praxisnahen Lektionen und einfachen Anleitungen wirst du zum Webflow-Experten und kannst die volle Kontrolle über die Unternehmens-Präsenz übernehmen.

Es haben schon etliche Nicht-Webdesigner den Kurs absolviert.  

Werde unabhängig von externen Agenturen und setze Änderungen direkt selbst um.

Verändere und optimieren die eigene Unternehmens-Webseiten auf Basis von Webflow.

Beitrag-Empfehlung für dich:
Was ist Webflow
Was ist Webflow? Eine umfangreiche Übersicht
Was ist Webflow und welche Art von Webseiten lassen sich damit realisieren? Ein Beitrag mit allen Vorteilen und Funktionen im Überblick.

Agenturen & Studios

Die Geheimwaffe deiner Agentur: Webflow als Game-Changer!

Du weißt, wie wichtig es ist, mit den neuesten Technologien Schritt zu halten. Unser Kurs bietet dir die Möglichkeit, die Fähigkeiten deiner Mitarbeiter zu erweitern und deine Dienstleistungen um Webdesign auf höchstem Niveau zu erweitern. Mit Webflow kannst du maßgeschneiderte, professionelle Websites erstellen, die auch von Nicht-Programmierern umgesetzt werden können.

Mit diesem Kurs könnt ihr euer ganzes Team auf ein effizientes Tool umstellen.

Mitarbeiter lernen neue Fähigkeiten und bringen anschließend mehr Wert und Umsatz in die Agentur.

Beitrag-Empfehlungen für dich:
Beispiele für SaaS Websites
10 SaaS Websites, die mit Webflow erstellt wurden
Hier zeigt sich, was der Website Designer von Webflow alles kann.
4 Mitarbeiter Agentur: Webflow und Wordpress parallel | Gespräch mit Daniel Zimmerbauer
4 Mitarbeiter Agentur: Webflow und Wordpress parallel | Gespräch mit Daniel Zimmerbauer
Entdecke, wie 8create von WordPress zu Webflow wechselt und in einer 4-Mitarbeiter-Agentur effizientes Webdesign und Value-Based Pricing umsetzt.

Frontend-Programmierer

Maximale Leistung: Setze deine Projekte im Handumdrehen um

Für Programmierer wie dich bietet Webflow eine revolutionäre Alternative zur herkömmlichen Code-Entwicklung. Als No-Code-Tool ermöglicht es dir, Websites und Webanwendungen effizienter zu erstellen als je zuvor. Du baust die HTML-Struktur, CSS mit Variablen wird im Hintergrund für dich fehlerlos geschrieben. Mit Webflow kannst du schneller arbeiten, Code exportieren, Abläufe automatisieren und leistungsstarke Libraries wie GSAP integrieren. Zudem lassen sich grandiose Interaktionen im Handumdrehen realisieren.

Mit Webflow kannst du schneller arbeiten, Code exportieren, Abläufe automatisieren, Libraries wie GSAP anbinden und grandiose Interaktionen im Handumdrehen realisieren.

Beitrag-Empfehlungen für dich:
Spline, Webflow, GSAP & Co.: Dirk Lach enthüllt seine Geheimnisse | Webflow Talk
Spline, Webflow, GSAP & Co.: Dirk Lach enthüllt seine Geheimnisse | Webflow Talk
Erfahre alles über Webflow, GSAP, 3D-Design und AI in Webflow.

Teilnehmer aus diesen Bereichen haben den Kurs schon absolviert

Medien- und Kommunikationswirtschaften
Webdesigner
Online Marketing & Management
Computational Science
BWL
Wirtschaftspsychologie
Kommunikationsdesign
Medieninformatik
Mediendesign
Marketing
Fahrzeugtechnik
Wirtschaftsingenieurwesen
Wirtschaftsinformatik
Verwaltungsrecht
Immobilienwirtschaft
Schüler
Psychologie
Informatik
Computational Science
Grafikdesign
IT-Systemelektroniker
Informationstechniker
Sportbusiness Management
Lehrer
Corporate Governance & Finance
Digitale Medien
Studenten
Jonas Arleth

Dein Mentor

Ich arbeite mittlerweile seit über 10 Jahren selbstständig als Webdesigner für eigene Kunden.

Noch vor einigen Jahren habe ich mich ausschließlich auf individuelle Konzepte und den Design-Part einer Website fokussiert. Zugegeben: Ich genoss die Zeit und konzentrierte mich darauf, ein starker Designer im digitalen Bereich zu werden.

Aber dann kam Webflow ins Spiel und ich lernte, wie viel Spaß es macht, mit genau dem gleichen Auge für's Detail meine Layouts zum Leben zu erwecken.  
Ich fing also an bei ein paar kleineren Projekten nicht nur das Design anzubieten, sondern auch die Umsetzung und realisierte, wie viel effizienter ich dem Kunden zu seinen Zielen verhelfen konnte. Und noch viel besser: Wie viel mehr Einnahmen ich dadurch generierte.

Heute realisiere ich Projekte, für die wir früher als kleines Team aufgetreten wären, von Anfang bis Ende komplett alleine.

In den letzten Jahren habe ich Projekte für viele Unternehmen realisiert

Dein Investment

Einmal zahlen,
lebenslang profitieren

Der Kurs wurde 2024 vollständig aktualisiert und an die neue Webflow Designer UI sowie die neuesten Funktionen angepasst. Über 70 Videos wurden neu produziert.

Webflow Komplettkurs
Webflow Komplettkurs
  • 16+ Stunden an Videomaterial
  • Lebenslanger Zugang und Updates
  • Website Launch Checkliste
  • Webflow Projektvorlage mit allem was wir bauen
  • Abschlusszertifikat
549
Spare 27€ mit der Einmalzahlung.
Webflow Komplettkurs
Webflow Expert Course
Bundle – Webflow Komplettkurs + Webflow Profi-Kurs
Super-Deal
891
1.048
Spare 15% bei diesem Bundle!
You save00
Webflow Komplettkurs
Webdesign Angebote mit 3 Preisoptionen erstellen
Bundle – Webflow Komplettkurs + Webdesign Angebote Onlinekurs
Super-Deal
771
908
Spare 15% bei diesem Bundle!
You save00
After payment, you will receive an invoice with VAT (if applicable). Depending on your country’s tax regulations, you may be able to deduct this course as a business or training expense.
Heiko
Chris G.
Nikolaus
Joachim
Alexandra
Cornelius M.
Alexander S.
+00
More than 00 people use Formburg courses for their professional development. Read feedback.

student Discount

Erhalte 137€ Rabatt (-25%).
Please simply send an email with information about the name of your degree or education and which school you go to:
My assistant Lisa

Kunden zahlen für die Entwicklung einer Website mehr

Mit diesem Kurs geht ab jetzt alles in deine Tasche!

Hör dir an wie ich meine Einnahmen mit Webflow verdoppelt habe!

Werde zum Webflow Champion

FAQ

Häufige Fragen zum Onlinekurs

How does the expert course differ from the starter course?

The **Webflow Expert Course** is designed for experienced Webflow users and requires a solid understanding of both Webflow and general website development. Instead of covering basic knowledge, the course focuses on solving complex challenges in Webflow efficiently and creatively. You will learn how to implement advanced layouts that are both visually stunning and technically sophisticated, as well as how to create impressive animations. This course is perfect for taking your skills to the next level and building websites that go far beyond the standard.

Wie unterscheidet sich dein Kurs von der Webflow University

Ich selbst habe viel von den Tutorials aus der Webflow University gelernt. Mir alles selbst anzueignen so, wie ich Webflow heute beherrsche, hat allerdings Jahre gebraucht. Der Kurs bietet dir die Möglichkeit das ganze in einer Woche zu lernen. Hier sind ein paar weitere Vorteile:

  • Mein Content ist auf deutsch.
  • Du hast bei mir die Möglichkeit Probleme oder Rückfragen zu stellen und ich liefere dir Lösungen, die dich weiterbringen.
  • Ich zeige dir einen klaren Prozess von Beginn bis Ende. Auch wenn du noch nie einem Kunden eine Website geliefert hast, kannst du das nach dem Kurs.
  • Die Videos sind auf den deutschen Markt bezogen.
  • Du siehst reale Einblicke in meine Kundenaufträge und wie man darauf basierend in Webflow arbeitet.
  • Ich gehe an vielen Stellen viel tiefer und viel mehr auf das ein, wie ein realer Auftrag mit einem Kunden auch ablaufen würde.
  • Webflow selber hat kein Lern-Modul für Animationen oder CMS auf dem Level, wie meine Inhalte sind.
  • Ich bringe sehr viel Know-How aus dem Design-Bereich mit rein, welches deine Webflow Entwicklung auf ein höheres Level hebt.

Lese dir ansonsten gerne noch ein paar Testimonials durch 😊
https://www.webflow-lernen.de/bewertungen

Worin unterscheidet sich dieser Kurs von anderen Webflow Onlinekursen?

Bisher gibt es für Webflow online viele englischsprachige Lerninhalte. Mir war es wichtig alles verständlich und in einem klaren Prozess auf deutsch für dich zusammenzufassen. Außerdem habe ich darauf geachtet, dass ich Website Bereiche anhand von meinen vergangenen realen Kundenaufträgen erkläre. Neben den Grundlagen des Webdesigns wirst du zudem viele Lektionen finden, die dir spezifische Elemente erklären, die du in der Praxis direkt anwenden kannst: Wir bauen Slideshows, Gallerien, Navigationen, Blogs, Styleguides, Animationen etc. Auch wenn du bisher noch nicht selbstständig Webseiten für Kunden umsetzt, kannst du das nach diesem Online Kurs ohne Probleme tun.

Are all future new content updates included for free?

With the purchase of the course, you get lifetime access – including all existing content as well as all future updates and new modules. One-time payment, all-inclusive: There are no additional costs for you.

Wenn ich den Kurs kaufe, kann ich dann auch in einem oder zwei Jahren noch Fragen stellen?

Ja klar kannst du das. Jederzeit! Ich bekomme täglich Fragen zugesendet und bisher konnte ich immer alle beantworten (auch wenn es manchmal einige Tage dauert 😉)

How much time do I need per week for this course?

I recommend watching two lessons per day to stay on track and see quick results. Even if you have client projects or a full-time job, setting aside half an hour a day should be manageable. Most videos are 8–15 minutes long, which adds up to 2–4 hours per week.

Alternatively, you could power through the entire course in a week. But since you have lifetime access, you can also learn at your own pace.

Muss ich was für Webflow zahlen?

Webflow ist für 2 Projekte kostenlos. Du kannst dir also parallel zu diesem Online Kurs einen Account anlegen und alle Lern-Module mit verfolgen bzw. nachbauen. Es gibt vereinzelt Funktionen, die in dem kostenlosen Plan nicht enthalten sind, aber diese sind für dich auch erst relevant, wenn du Webflow bei einem realen Projekt einsetzt. Generell kannst du auch für jeden zukünftigen Auftrag immer erstmal einen kostenlosen Account eröffnen und deine Kunden zahlen dann für den Plan, der für das Projekt benötigt wird. Du als Webdesign zahlst dafür nicht.

Muss ich programmieren können?

Nein. Dieser Online Kurs vermittelt dir das Wissen, was du brauchst, um danach selbstständig komplette Webseiten erstellen zu können, ohne davor programmiert zu haben. Webflow ist das perfekte Tool, um genau das für dich im Hintergrund zu erledigen. Du bedienst ein User Interface.

How long do I have access to this course?

Lifetime access! You even get all future updates and learning modules for free that I will add over time.

Do you also offer personal training for agencies (online or in-person) to address specific questions and challenges?

If you're interested, please contact me via email:

Ist ein „normal begabter“ Kreativer nach dem Kurs in der Lage Webseiten in Webflow zu programmieren?

Ja. Der Kurs bildet alles ab, was man braucht, um alleine einen Kundenauftrag von der weißen Seite bis zur Verknüpfung der Domain, umzusetzen.
Natürlich ist es hier und da etwas technisch, aber viele sind ja auch mit einem Design-Programm wie Sketch, Figma, Adobe XD etc. vertraut und ich versuche hier auch die Brücke zu schlagen.

Ich habe schon einen anderen Webflow Onlinekurs gekauft. Lohnt sich deiner dann noch?

Ich habe z.B. auch den Kurs von Ran Segall durchgemacht (Flux Academy) und klar gibt es ein paar Themen, die in diesem Kurs auch vorkommen (müssen), trotzdem habe ich eine andere Richtung und Art Webflow zu erklären.

Mein Kurs ist auf jeden Fall handfester und orientiert sich mehr daran, wie du für Kunden in Deutschland Webseiten mit Webflow effizient strukturierst und aufbaust. Enthalten sind jahrelange Optimierungen, die ich von meinen Kundenprojekten mit integriert habe. Definitiv sind auch alle Inhaltlichen Elemente dabei, die eine Moderne Webseite heutzutage so braucht.

Die Frage, ob sich der Kurs trotzdem lohnt, haben mir schon einige gestellt und du wirst sicherlich viele Einblicke bekommen, die neu für dich sind und deine Arbeit beschleunigen. Zumindest war das die Rückmeldung von denjenigen, die meinen Kurs noch on top gekauft haben.

Hängt natürlich davon ab auf welchem Level du gerade bist. Wenn du dich überall schon stark findest, dann eher nicht. Aber allein, dass du drüber nachdenkst, zeigt, dass du noch mehr dazulernen möchtest. Und das ist etwas Gutes!

Ich habe schon Programmierkenntnisse, lohnt sich dieser Onlinekurs für mich?

Webflow bietet dir nicht nur die Möglichkeit extrem schnell und visuell deine Website aufzubauen, sondern auch hoch professionelle Animationen und Interaktionen zu realisieren, die von Hand nur schwer zu coden wären. Ich habe mit Hilfe von Webflow meinen Prozess um etliche Tage verkürzt und setze mittlerweile individuelle Layouts in wenigen Tagen anstatt Wochen um. Zudem lernst du in dem Kurs das Tool Webflow komplett kennen und und beherrschst das CMS wie ein Profi.

Kann ich nach diesem Online-Kurs meine eigene Website bauen?

Auf jeden Fall!

Lerne ich UI/UX Design in diesem Online-Kurs?

Auch wenn ich hier und da Design-Prinzipien durchscheinen lasse, geht es im Kern eher darum, wie du ein bestehendes Layout, welches dir als Vorlage dient, genau in Webflow umsetzt. Das kann dein eigenes Layout sein, aber genauso auch das von anderen Designern. Es ist also eher kein Design-Kurs.

I have already completed your starter course. Is the professional course still worth it for me?

The Webflow Expert Course takes it to the next level: complex layouts, creative problem-solving, advanced animations, and techniques that enable you to create unique and sophisticated projects. These topics go far beyond the starter course and require a solid understanding of Webflow. If you're still unsure about responsive design in Webflow, it might be a good idea to strengthen your fundamentals first before taking on this demanding course.

Is there a discount for students, pupils, or trainees?

You get a 25% discount. Simply send an email with the details of your course of study or training program and the name of your school to:

Ich habe keinen Design Hintergrund, ist der Kurs trotzdem was für mich?

Viele Lektionen bringen dir neben dem Erstellungsprozess auch Design-Grundlagen näher. Trotzdem muss ich ganz klar sagen, dass es nicht als Design-Kurs gedacht ist. Es geht hier um die Umsetzung und Realisierung von Webseiten, damit du sie am Ende bedienen kannst.

Do I get a certificate of completion?

You can receive a completion certificate with your name as a PDF once you have completed 80% of the course. To get the certificate, please contact me with the name you want on the certificate and your order number. I will then verify your progress.

Is there a way to talk to Jonas if I get stuck?

During the online course, you can use the comment function under each lesson at any time. I will respond to these once a week. If you encounter a bigger issue or get completely stuck, you can also contact me directly via chat.

Geht es in diesem Lernprogramm nur um Webseiten oder auch um Apps?

In diesem Onlinekurs geht es primär um die Umsetzung von responsive Website Layouts für Desktop, Tablet und Mobile Geräte. Darüber hinaus könntest du Webflow aber auch genauso dazu nutzen, um App-Layouts zu realisieren und den Code anschließend zu exportieren.

Will I be working with the Finsweet Client First system in the course?

I have adapted the Client First style guide to my needs and derived many elements from it, though some things are named differently. However, the structure is very similar. If you understand the approach from my course, it will be easy for you to build a project entirely following the Client First principle. Many participants in the course already use the Client First approach and prefer its style guide as a template instead of mine.

Will I get my money back if I don't like the course?

Yes, there is a 14-day money-back guarantee.

Häufige Fragen zu Webflow

Kann ich das Webflow CMS auf einem eigenen Server hosten?

Frage: Wenn ich einem Kunden ein funktionierendes CMS weitergeben möchte, welche Schritte müssen dafür mit exportiertem Code gemacht werden? Hat dieser Code immer noch eine CMS-Bearbeitungsfunktion oder muss man dann den Code in ein anderes CMS importieren bzw. einpflegen? Welches Tool wäre dann dafür geeignet?
Gibt es das Webflow-Hosting / CMS auch bei Anbietern und Servern in der Schweiz/Deutschland?

Antwort: Ich würde immer empfehlen, das Webflow CMS in Verbindung mit Webflow Hosting zu nutzen. Sobald du damit anfängst, willst du auch nicht mehr weg weil es so einfach ist und bearbeitet werden kann 😊 Sobald Webflow mal ein Update rausbringt, steht es dir automatisch im Designer bei allen Projekten zu Verfügung. Du musst nichts dafür tun. Keine Plugins wie bei Wordpress aktualisieren. Nichts per FTP hochladen. Keine Fehler suchen oder überlegen, warum was nicht mehr kompatibel ist… Du hast immer die neueste Version des Webflow Designers und des Webflow CMS.

Du kannst das Webflow CMS nicht auf einem eigenen Server nutzen oder exportieren. Alles, was mit den Webflow CMS Collections erstellt / Verknüpft ist, wird bei einem Code Export nicht mit exportiert!

Webflow nutzt für das Hosting Amazon AWS Services. Die sind weltweit verteilt und individuell je nach Standort. Für uns In Deutschland ist das momentan ein Server in Irland, also in der EU.

Kann ich Webflow exportierten Code bei jedem beliebigem Hoster hochladen?

Ja. Animationen, Aufbau mehrere Unterseiten, Texte, Bilder und Inhalte. Alles wird genau so dargestellt und funktioniert wie im Webflow Designer erstellt. Was allerdings NICHT mit exportiert werden kann, sind CMS Daten. Sobald du also mit dem CMS Arbeitest, musst du auch bei Webflow hosten bzw. diese Bereiche werden beim export einfach leer gelassen.

Kann eine in Webflow erstellte Webseite mit allen Funktionen (auch Animationen) vollständig per Code exportiert werden?

Kann eine im Webflow erstellte Webseite mit allen Funktionen (auch Animationen) und dem Design vollständig per Code exportiert werden (mit dem entsprechenden Abonnement) und kann diese dann ohne komplizierte Anpassungen bei einem normalen Hosting hochgeladen und direkt wiederverwendet werden?

Ja, der Code, der exportiert wird, beinhaltet einen Ordner mit allem, was mit der erstellten Website zu tun hat. Inklusive JavaScript und responsive Bildern in mehrere Größen. Du kannst diesen Ordner 1:1 auf einen eigenen Server hochladen und die Domain an die index.html weiterleiten.
Was allerdings NICHT mit exportiert wird, sind CMS Daten. Sobald du also mit dem CMS Arbeitest, musst du auch bei Webflow hosten. Bzw. diese Bereiche/Elemente werden bei einem Export einfach leer gelassen.

Lerne ich auch eigene Lottie-Animationen zu erstellen?

Meines Wissens nach ist für aufwendigere Animationen After Effects das beste Werkzeug und auch das Gängigste. Ich selber nutze dieses Programm aber nicht und wenn ich mal eine spezielle Animation als Lottie brauche, gestalte ich meistens die Vorlage selbst und lass es mir dann für 20€ von jemandem auf Fiverr als Lottie bauen. 

Oder ich animiere es selbst als Film und binde den Film ein. 

Im Kurs ist aber nicht enthalten, wie man Lottie Animationen mit After Effetcs erstellt. Nur wie man sie einbindet und in der Website animiert.

Ist Webflow E-Commerce auch im Kurs enthalten?

Im Kurs ist bisher kein explizites E-Commerce Lern-Modul enthalten. Allerdings lernst du alles, was du brauchst, um einen selbst gestalteten Onlineshop in Webflow umzusetzen. Zusammen mit den Know-How wie man ein CMS aufbaut und nutzt (ist enthalten) sollte Webflow E-Commerce nicht kompliziert für dich sein. Das läuft im gleichen Prinzip ab. Hier und da gibt es eben mehr Einstellungen auszufüllen bzgl Warenkorb, Checkout etc.

Wenn ich es noch integriere, dann kommt es erst im zweiten Halbjahr 2021.

Kann man mit Webflow auch spezielle Effekte umsetzen (Fortgeschritten)?

Auch wenn nicht jeder Effekt explizit im Kurs enthalten ist, kann man es in Webflow für gewöhnlich umsetzen. Gerade wenn es um Animationen und Interaktionen geht. Ich habe dazu auch schon viele kostenlose Webflow Tutorials veröffentlicht. Du findest alle zusammengefasst hier: webflow-lernen.de/tutorials oder einfach meinen YouTube Kanal abonnieren.

Ist bei Webflow ein Lizenzmodell dahinter oder kann man es unabhängig erstellen?

Du bzw. dein Kunde zahlt für Webflow monatlich bzw. jährlich. So als wenn er bei einer Wordpress Website jährlich einen Server für Hosting bezahlen muss. Dafür hast du bei Webflow immer alle zukünftigen Funktionen und Updates enthalten. Sie stehen jedem Webflow Nutzer sofort zu Verfügung.

Wenn du das Lizenzmodell nicht nutzen möchtest, kannst du auch einfach nur innerhalb von ein paar Tagen deine Website erstellen und dann den Code exportieren und auf einem eigenen Server hosten.

Braucht man einen Server/Host, wo die Website hochgeladen wird?

Nein. Deine Website wird automatisch auf einen ultraschnellen CDN Server geladen und ist weltweit immer zu 99,99% erreichbar. Das ist aus meiner Sicht gerade das Tolle. Das ganze Komplizierte erledigt Webflow für dich im Hintergrund. Kein hin und her kopieren mittels FTP Zugang oder ähnliches. Einfach ein neues Projekt anlegen, gestalten und zu einer Domain verknüpfen (diese muss wo anders gekauft werden) oder die kostenlose Webflow Subdomain nutzen.

Sobald Webflow mal ein Update rausbringt, steht es dir automatisch im Designer bei allen Projekten zu Verfügung. Du musst nichts dafür tun. Keine Plugins wie bei Wordpress aktualisieren, die dann ggf. nicht mehr kompatibel sind.

Brauche ich ein Programm um mit Webflow zu arbeiten?

Nein, Webflow läuft direkt im Browser und du kannst Betriebssystem-unabhängig über ein Login mit Webflow arbeiten. Egal ob dein Gerät oder ein anderes. Alle deine Projekte sind dann dort gesammelt.

Benötige ich eine Lizenz zum Arbeiten mit Webflow?

Es gibt einen kostenlosen Plan mit dem du zwei Projekte mit max. 2 Unterseiten anlegen kannst. Für den Start oder zum Ausprobieren neben dem Onlinekurs ist das ausreichend.

Für meine Kunden erstelle ich quasi immer einen kostenlosen Webflow Account und sie bezahlen dann einen Site-Plan um die Website zu einer Domain verknüpfen zu können. Darin enthalten sind dann weitere Funktionen und die Möglichkeit noch mehr Unterseiten anzulegen oder ggf. das Webflow CMS zu nutzen. Weitere Infos: https://webflow.com/pricing#site