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
Cornelius M.
Immanuel J.
Tiffany
Alexander S.
Nikolaus
Annemarie C.
Mike
+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.

Einleitung

00Videos
00Stunden

Webdesign Grundlagen

00Videos
00Stunden

Ein neues Website Projekt starten

00Videos
00Stunden

Praktische Umsetzung von Layouts

00Videos
00Stunden

Responsive Design Prozess

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

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
Dennis H.
Online Marketing Manager
ist beigetreten
Joachim
Print- u. Webdesign
ist beigetreten
Amanda
Webdesign / UI / UX / Grafik & Kommunikationsdesign
ist beigetreten
Alexandra
UI/UX Designerin
ist beigetreten
Henrik
Student
ist beigetreten
Jenny
Kommunikationsdesignerin
ist beigetreten
Tiffany
Grafik- und Webdesignerin
ist beigetreten
Luca
Webdesigner
ist beigetreten
Andreas
Diplom-Grafik-Designer
ist beigetreten
Mike
Lehrer an der Designschule München
ist beigetreten
Tobias Z.
Webflow Entwickler / Designer
ist beigetreten
Alexander D.
Musik- und Anfragenmanagement
ist beigetreten
Denis
Webdesigner & Webflow Entwickler
ist beigetreten
Sven
Diplom Designer, Webdesigner
ist beigetreten
Nikolaus
Webdesigner
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 umfanreiche Ü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
Bestseller
  • 16+ Stunden an Videomaterial
  • Lebenslanger Zugang und Updates
  • Website Launch Checkliste
  • Webflow Projektvorlage mit allem was wir bauen
  • Abschlusszertifikat
549
Einmalzahlung
3 monatliche Zahlungenvon192
Spare 27€ mit der Einmalzahlung.
Webflow Komplettkurs
Webdesign Angebote Onlinekurs Cover
Webflow Komplettkurs im Bundle
Super-Deal
799
908
Einmalzahlung
3 monatliche Ratenvon279
Spare 109€ bei diesem Bundle!
Alle Preise inklusive 19% Umsatzsteuer. Du erhältst eine Rechnung, die du als Werbungskosten in deiner Steuererklärung absetzen kannst (Fortbildungskosten).
Cornelius M.
Immanuel J.
Tiffany
Alexander S.
Nikolaus
Annemarie C.
Mike
+00
Mehr als 00 Personen nutzen Kurse von Formburg für ihre Weiterbildung. Rückmeldungen lesen.

Schüler oder Student?

Erhalte 137€ Rabatt (-25%).
Bitte sende dazu einfach eine Mail mit der Info, wie dein Studiengang bzw. deine Ausbildung heißt und auf welche Schule du gehst an:

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

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.

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

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:

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.

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:

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 😉)

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!

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.

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.

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.

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.

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.

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.

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

Auf jeden Fall!

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.

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.

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.

Bekomme ich mein Geld zurück, wenn mir der Kurs nicht gefällt?

Ja, es gibt eine 14 Tage Geld-Zurück-Garantie.

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