Webflow

Komplettkurs

Mastering Webflow from Scratch. Everything you need to go from zero to professional websites. Learn how to design, structure, animate and publish responsive, professional websites using Webflow.

Course is not available in Englisch!
Zugang sichern
With Webflow expert
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.

„Dank dieses Kurses hab ich meine Leidenschaft zum Beruf machen können”

Alex W.

Webdesigner
531

More than 531 from a wide variety of industries have already joined!

Read all reviews
Johannes
Frank
Ralf
Vlad Cîrneală
Christian B.
Tom
Syed
+00
Porträt eines lächelnden Mannes mit zerzaustem Haar vor dunklem Hintergrund.

I can't emphasize enough how valuable this course is. Learning Webflow through Jonas' course completely shifted my professional focus and opened up business opportunities that had previously been out of reach.

Sven
Diploma designer, web designer
Junger Mann mit braunen Haaren und Bart lächelt in die Kamera, trägt ein graues Langarmshirt.

Jonas truly leaves no questions unanswered with his Webflow course. Even though I had already worked with Webflow, I was still able to take away a lot of new insights.

Alexander S.
Co-Founder VisualMakers
Porträt einer lächelnden Frau mit kurzen Haaren vor unscharfem Hintergrund aus Bäumen.

I really like Jonas' videos and his approach. I would recommend the course to anyone who truly wants to understand and learn Webflow.

Sabine R.
Marketing automation expert
Miriam K.

Webflow makes it possible for me, as a designer, to fully realize my web projects from start to finish — exactly the way I envisioned them.

Miriam K.
Communication Designer
Neu

Aktualisiert mit der neuen Webflow Designer UI!

2024/2025 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

Porträt eines ernst blickenden jungen Mannes mit kurzem dunklem Haar und weißem Hemd vor grünem Hintergrund.

„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
Tanja

„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 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.

Was wir im Kurs bauen

Inhalte

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

Intro

00Videos
00Hours

Text content

Webdesign Grundlagen

00Videos
00Hours

Text content

Ein neues Website Projekt starten

00Videos
00Hours

Text content

Praktische Umsetzung von Layouts

00Videos
00Hours

Text content

Responsive Design Process

00Videos
00Hours

Text content

Webflow CMS umfassend verstehen

00Videos
00Hours

Text content

Animationen hinzufügen

00Videos
00Hours

Text content

DSGVO

00Videos
00Hours

Text content

Website Veröffentlichen

00Videos
00Hours

Text content

Zusammenarbeit mit Kunden

00Videos
00Hours

Text content

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
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
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
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
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
Über die Kommentarfunktion im Kurs kann ich dir bei Fragen direkt weiterhelfen

Tools we use in the course

Webflow
Finsweet Attributes
Figma
Cookie Script
Spline

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
Recently joined
Johannes
Web designer & Webflow developer
Joined
Frank
Gafikdesigner, Webflow Developer
Joined
Ralf
Webdesigner
Joined
Vlad Cîrneală
Lead Developer
Joined
Christian B.
Web Strategist and Webflow Developer
Joined
Tom
Webdesigner / Marketer
Joined
Syed
Webflow Expert
Joined
Shamiul I.
Certified Webflow Developer
Joined
MP X ACHTVISION
Project manager, marketing
Joined
Josh Alvarado
Web Developer
Joined
Simone
Marketing Manager
Joined
Tiffany
Graphic and Web Designer
Joined
Tobias Z.
Webflow developer / designer
Joined
Sven B.
Communication designer
Joined
Tanja K.
Communications designer
Joined

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

Your investment

Pay once
Benefit for life

The course has been completely updated and adapted to the new Webflow Designer UI. More than 70 new videos were produced.

Webflow All-in-One Beginner Course
Webflow All-in-One Beginner Course
German Flag
German
  • 16+ Stunden an Videomaterial
  • Lebenslanger Zugang und Updates
  • Website Launch Checkliste
  • Webflow Projektvorlage mit allem was wir bauen
  • Abschlusszertifikat
499
Or 3 payments of just 183
Bundles

Spare 30 % auf jeden weiteren Kurs

No items found.
Haupt-produkt
Webflow All-in-One Beginner Course

Webflow All-in-One Beginner Course

German Flag
German
499
Webflow GSAP Interactions Masterclass

Webflow GSAP Interactions Masterclass

-30% bundle discount
Englisch Flag
English
140
199
Webflow Expert Course

Webflow Expert Course

-30% bundle discount
Englisch Flag
English
315
449
Webflow Trick-Kiste

Webflow Trick-Kiste

-30% bundle discount
German Flag
German
49
49
Webflow All-in-One Beginner Course

Webflow All-in-One Beginner Course

-30% bundle discount
German Flag
German
350
499
Webdesign Angebote mit 3 Preisoptionen erstellen

Webdesign Angebote mit 3 Preisoptionen erstellen

-30% bundle discount
German Flag
German
252
359
Get 30% off additional courses
Total
399
000
Payment in installments is possible.
Taxes are calculated at checkout.
Checkout
🔒 Pay securely with credit card, PayPal & more
💡 14-day money-back guarantee
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.
Johannes
Frank
Ralf
Vlad Cîrneală
Christian B.
Tom
Syed
+00
More than 00 people use Formburg courses for their professional development. Read feedback.

student Discount

Erhalte 25% Rabatt.
Please simply send an email with information about the name of your degree or education and which school you go to:

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

Mit diesem Kurs geht ab jetzt alles in deine Tasche!

FAQ

Frequently asked questions about the online course

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 Onlinekurs 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.

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

Can I host the Webflow CMS on my own server?

Question: If I want to hand over a working CMS to a client, what steps need to be taken with exported code? Does the exported code still have CMS editing functionality, or does the code need to be imported into a different CMS? Which tool would be suitable for that?
Is Webflow Hosting / CMS also available on servers in Switzerland or Germany?

Answer: I would always recommend using the Webflow CMS together with Webflow Hosting. Once you start using it, you won't want to leave because it's so easy to use and edit 😊 Whenever Webflow releases an update, it's automatically available to you in the Designer for all your projects. You don't have to do anything. No plugins to update like in WordPress. No FTP uploads. No debugging or wondering why something is no longer compatible… You always have the latest version of the Webflow Designer and Webflow CMS.

You cannot host or export the Webflow CMS on your own server. Everything that is created or linked with Webflow CMS Collections will not be included in a code export!

Webflow uses Amazon AWS Services for hosting. These are globally distributed and vary by location. For European users, requests are served via EU-based servers.

Can I upload Webflow exported code to any hosting provider?

Yes. Animations, multiple subpages, text, images and content. Everything is displayed and works exactly as created in the Webflow Designer. However, what CANNOT be exported is CMS data. As soon as you work with the CMS, you need to host with Webflow – otherwise, those sections will simply be left empty during export.

Can a website built in Webflow be fully exported as code (including animations)?

Can a website built in Webflow with all its features (including animations) and design be fully exported as code (with the appropriate subscription) and then uploaded to standard hosting without complicated adjustments for immediate use?

Yes, the exported code includes a folder with everything related to the created website. Including JavaScript and responsive images in multiple sizes. You can upload this folder 1:1 to your own server and point the domain to the index.html file.
However, what is NOT exported is CMS data. As soon as you work with the CMS, you need to host with Webflow. Otherwise, those sections/elements will simply be left empty during export.

Ist Webflow E-Commerce auch im Kurs enthalten?

The course does not yet include an explicit e-commerce learning module. However, you will learn everything you need to implement a self-designed online shop in Webflow. If you want to dive deeper into e-commerce, shopping cart and payment processes, I recommend my Webflow Expert Course.

Is there a licensing model behind Webflow, or can you create independently?

You or your client pays for Webflow monthly or annually – similar to how a WordPress website requires annual hosting costs. In return, you always have all future features and updates included with Webflow. They are immediately available to every Webflow user.

If you don’t want to use the subscription model, you can also simply build your website within a few weeks and then export the code to host it on your own server.

Do you need a server or host to upload the website?

No. Your website is automatically loaded onto an ultra-fast CDN server and is available worldwide with 99.9% uptime. That’s what makes it so great in my opinion. Webflow handles all the complicated stuff in the background for you. No copying files back and forth via FTP or anything like that. Simply create a new project, design it, and connect it to a domain (which needs to be purchased elsewhere) or use the free Webflow subdomain.

Whenever Webflow releases an update, it’s automatically available to you in the Designer for all your projects. You don’t have to do anything. No plugins to update like in WordPress that may become incompatible.

Do I need software to work with Webflow?

No, Webflow runs directly in the browser and you can work with it on any operating system via a login. No matter which device you use. All your projects are collected there.

Do I need a license to work with Webflow?

There is a free plan that lets you create two projects with a maximum of 2 subpages. This is sufficient for getting started or trying things out alongside the online course.

For my clients, I almost always create a free Webflow account for them, and they then pay for a Site Plan to connect the website to a domain. This includes additional features and the ability to create more subpages or use the Webflow CMS if needed. More info: https://webflow.com/pricing