Best in Class

Webflow Onlinekurs

Lerne in kürzester Zeit eigene Layouts in Webflow professionell umzusetzen – ohne Programmierkenntnisse!

Zugang sichern
Mit Webflow Experte
Jonas Arleth

Werde zum Webflow Profi mit nur einem Kurs

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
Alexandra
Marty
Andreas
Aleks
Tine S.
Ben 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.

Grundlagen

16 Videos • 2,5 Stunden

Einleitung

4 Videos • 16 Minuten

Willkommen und wie du am meisten aus diesem Online Kurs rausholen kannst
07:00
Elemente aus anderen Webflow Projekten kopieren
07:00
Webflow Finder und Shortcuts nutzen
06:00

Grundlagen

16 Videos • 2,5 Stunden

Was macht Webflow für uns im Hintergrund? HTML und CSS verstehen
06:50
Webflow Designer im Schnelldurchlauf
15:30
Das Box-Model verstehen
05:40
Hierarchien und Vererbungen im Webdesign
05:20
Verschiedene Einheiten (Units) verstehen – px, %, em, rem, ch,vw, vh, svw, svh
31:20
Bilder richtig exportieren und verarbeiten
11:00
Selektoren / CSS Klassen verstehen
05:40
Einführung in Grid und Quick-Stack – Magazin Layouts
18:10
Einführung in Flexbox – Elemente horizontal und vertikal positionieren
13:30
Position relative, absolute und fixed verstehen
09:45
Position sticky – Elemente mitscrollen lassen
07:00
Mit Icons und SVG Vektorgrafiken arbeiten (3 Wege)
10:00
Übung Positionierung
Elemente, die du verloren hast, wiederherstellen
02:30
Mit Komponenten arbeiten
17:20

Layout Umsetzung

16 Videos • 2,5 Stunden

Schriftart und Font einbinden
07:50
Effizient mit Variablen arbeiten
16:50
Warum wir mit REM anstatt Pixel arbeiten
05:40
Styleguide definieren und durchgehen
17:00
Globales Custom CSS File
06:10
Fluid Design anlegen und verstehen
24:30
Container verstehen und richtig einsetzen
11:50
Einfache standard Hauptnavigation erstellen
18:00
Seiten professionell strukturieren
13:30
Effizient mit Abständen arbeiten
12:00
SEO beim Thema Headlines beachten
08:00
Dropdown zu einer Navigation hinzufügen
13:15
Webflow Slideshow – alles was du wissen musst
17:00
Text auf Bild – Hero Sektion erstellen
14:00
Webflow Slideshow fortgeschritten
20:00
Galerie in overlay Lightbox
09:20
Video Popups und Modal Overlays – 3 Möglichkeiten
13:00
Suchfunktion einbinden
08:40
Formulare erstellen und automatisiert versenden
15:00
Mit externen Libraries arbeiten
12:00
Recaptcha bei Kontaktformularen hinzufügen
Mehrsprachige Webseiten erstellen

Responsive Design

5 Videos • 1,3 Stunden

Eine Seite responsive machen – allgemeines Vorgehen
45:40
Eigene responsive Breakpoints anlegen
06:25
Schriftgrößen und den Styleguide responsive machen
21:00
Lösungen für Texte, die auf mobile nicht umbrechen
06:30
Elemente bei bestimmten Geräten oder Größen ausblenden bzw. ersetzen
02:45

CMS

14 Videos • 2 Stunden

Einführung in das Webflow CMS
Was unterscheidet das Webflow CMS von anderen
07:30
Nach welchem Prinzip funktioniert das CMS
11:30
FAQ Liste erstellen – CMS Beginner
16:20
Pinterest Bilder Grid mit CMS erstellen
05:50
Tabellen ausfüllen lassen und Inhalte als CSV Datei importieren
04:00
Webflow Slideshow mit CMS Inhalten
10:00
Verschachtelte Inhalte – Reference Fields erklärt
06:43
Blog Übersichtsseite erstellen
17:00
CMS Inhalte sortieren: Reihenfolgen selbst bestimmen
02:30
Blog Archiv mit Tags und Filter anlegen
07:10
Blog Detailseite erstellen
10:00
CMS Inhalte ohne Page Reload filtern (fortgeschritten) – Finsweet Attributes
15:40
Variable Layouts auf basis gleicher CMS Inhalte
06:00
CMS Inhalte in eigenem Code verwenden – Embed Element (fortgeschritten)
07:20

Layout Animation

20 Videos • 5 Stunden

Einstieg in Website Animationen
Mit Animationen arbeiten – Grundlagen Übersicht
18:00
Textelemente beim Scrollen rein animieren lassen
11:20
Button und Links animieren – Grundlagen
06:30
Der eine Trick, der deine Animationen Premium macht
15:20
Parallax Scroll Effekte
12:20
Mit Lottie Animationen arbeiten
10:00
Horizontales Bilder-Karussell / Logo-Karussell in Endlosschleife
10:00
Individuelle Seiten-Lade-Animation
12:40
Variablen mit Webflow Interaktionen animieren
03:20
3D Objekte in Spline vorbereiten
13:10
Individuelle Typo-Scroll-Animation
12:00
3D Objekte in Webflow integrieren und animieren
16:00
Eigene Webflow Slider Animationen
12:20
Seitenübergang animieren (Page Transitions erstellen)
19:50
Eigenes Hamburger Menü ab Desktop erstellen
29:35
Bild während des Scrollens wachsen lassen
08:20

DSGVO

1 Videos • 2 Stunden

Google Maps Karten einbinden
Wann brauchst du einen Cookie-Banner, wann eine Datenschutzerklärung?
05:20
Datenschutzerklärung generieren und anlegen (kostenlose Variante)
12:00
Auftragsverarbeitungsvertrag (AVV) mit Webflow abschließen (mit Vorlage)
03:40
Datenschutzerklärung größere Kunden (kostenpflichtige Variante) – datenschutz-generator.de
12:30
Wichtige Cookie Banner Grundlagen
10:50
Wie kannst du überprüfen, welche Cookies gesetzt werden
07:40
Cookie Banner Variante 2: Finsweet Webflow Cookie Consent integrieren (kostenlos)
25:20
Cookie Banner Variante 1: cookie-script.com integrieren (kostenlose und bezahlte Version)
31:40
Alternative zu Google Analytics ohne Cookies
9:50

Website Veröffentlichen

7 Videos • 1,25 Stunde

SEO Seiteneinstellungen (Suchmaschinenoptimierung)
13:30
301 Redirects: SEO Kunden-Rankings nicht verlieren
08:40
Website optimieren für besseren Google Pagespeed
14:00
Impressum anlegen und generieren
06:00
Domain verknüpfen
13:50
Checkliste vor Website Launch
10:20
Google Search Console einrichten und Sitemap hochladen (SEO)
06:50

Zusammenarbeit mit Kunden

8 Videos • 1 Stunde

Der richtige Webflow-Plan für dich und deine Kunden
Webflow Code exportieren
Hosting bei Webflow – Vorteile
Kunden Editor Zugang einrichten
Wie Kunden die Website bearbeiten können
Schulung aufnehmen und Website an Kunden übergeben
03:15
Kunden von Webflow überzeugen

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

762
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 Ziegler
Webflow Entwickler / Designer
ist beigetreten
Alexander Dressler
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

Was kostet der Kurs?

Info Februar 2024:
Der Kurs wurde mit dem neuen Webflow Designer und neuen Funktionen überarbeitet. Über 70 Videos sind neu aufgenommen worden.

3 monatliche Zahlungen

192

Ratenzahlung für drei Monate.
Inklusive lebenslangem Zugang und allen zukünftigen Updates.

Einmalzahlung

549

576€

Spare zusätzlich 27€ gegenüber der Ratenzahlung. Inklusive lebenslangem Zugang und allen zukünftigen Updates.

Webdesign Bundle

799

908

Hole dir meinen Webdesign Angebote erstellen Onlinekurs im vergünstigten Paketpreis mit dazu und spare 109€!

Für Selbstständige mit gültiger USt-IdNr. sind das nur 672€ netto. Inklusive lebenslangem Zugang und allen zukünftigen Updates.

Alle Preise inkl. 19% Umsatzsteuer.
Du erhältst eine Rechnung, die du als Werbungskosten in deiner Steuererklärung absetzen kannst (Fortbildungskosten).

Alexandra
Marty
Andreas
Aleks
Tine S.
Ben M.
Alexander S.
+00
Schon mehr als 233 sind dabei. 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

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 bei der Einmalzahlung alle jetzigen und zukünftigen neuen Inhalte dabei?

Du hast lebenslang Zugang zu diesem Kurs.

Sobald du den Kurs kaufst, hast du alle vergangenen und auch zukünftigen neuen Inhalte und Updates inklusive. Du musst nicht nochmal was extra zahlen.

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 Webseiten mit Webflow sehr effizient strukturierst und aufbaust. Enthalten sind jahrelange Optimierungen, die ich von meinen Kundenprojekten mit integriert habe. Zudem schauen wir uns sehr viele reale Use Cases an. 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!

Mach’s doch einfach so: Hole dir einen Zugang wann immer du möchtest und wenn aus deiner Sicht nichts Neues dabei ist, überweise ich dir dein Geld zurück. Ohne Fragen zu stellen. Versprochen!

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 schnellstmöglich antworten. Taucht darüber hinaus ein Problem auf oder du kommst irgendwo gar nicht mehr weiter, kannst du mich als Kursteilnehmer*in auch direkt kontaktieren.

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.

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 2 Tagen 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 stark 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.

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.
Da Webflow ein visueller Editor ist, kannst du damit aber auch einfach „drauf loslegen” und ohne Design-Hintergrund Webseiten erstellen.

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

Auch wenn ich hier und da Design-Prinzipien durchscheinen lasse, geht es im Kern doch eher darum, wie du ein bestehendes Layout, welches dir als Vorlage dient, pixelgenau in Webflow umsetzt. Das kann dein eigenes Layout sein, aber genauso auch das von einem anderen Designer*in. Es ist also eher kein Design-Kurs.
Allerdings dienen mir als Vorlage für viele Lektionen reale Fallbeispiele und Layouts, die ich für Kunden in meinem Design-Programm erstellt habe. Anhand dessen analysieren und setzen wir Bereiche um. Du siehst also genau, welche Prinzipien ich von meinen Designs in Webflow übertrage.

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.

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 je programmiert zu haben. Webflow ist das perfekte Tool, um genau das für dich im Hintergrund zu erledigen. Du bedienst lediglich 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