Webflow: Erstelle eine Website, ohne zu programmieren
Ein Kurs von Jan Losert, Visual Designer
Lerne, einen Homepage-Baukasten zu nutzen und mithilfe von Webflow eine voll funktionsfähige Website von Grund auf zu gestalten
Mit Webflow kannst du voll funktionsfähige, professionelle Webseiten erstellen, und zwar ohne zu programmieren. Der Visual Designer und Webflow-Experte Jan Losert nutzt diese Software, um Privatpersonen und Unternehmen wie Petal und Tiny Capital bei der Optimierung ihrer Onlinepräsenz zu helfen. Außerdem entwickelt er Online-Ressourcen für Designer und teilt seine Arbeit mit über 18.000 Followern auf Instagram.
In diesem Kurs zeigt dir Jan, wie du mit Webflow ganz einfach deine eigenen Websites erstellen kannst. Entwirf eine Website für jede Art von Unternehmen von Grund auf und hilf einer Marke dabei, sich online von der Konkurrenz abzuheben. Bist du bereit, ohne Programmierkenntnisse eine beeindruckende Website zu erstellen?
Was lernst du in diesem Onlinekurs?
23 Lektionen & 14 Downloads
Was ist in diesem Kurs enthalten?
Zu Beginn des Kurses lernst du deinen Lehrer Jan Losert kennen. Du erfährst, wie er vom Forenbau zum Design von Websites für Start-ups und große Unternehmen gekommen ist und was seine Insprirationsquellen sind. Danach erfährst du, wie du in der Webdesignbranche erfolgreich sein kannst.
Jan erklärt dir die Grundlagen der No-Code-Entwicklung und die wichtigsten Funktionen von Webflow und zeigt dir, wo du lizenzfreie Bilder finden kannst. Im Anschluss darauf erstellst du einen Styleguide, der alle wichtigen Elemente deines Designs zusammenfasst, von Farben und Schriftarten bis hin zu Schaltflächen und Typografie.
Danach erstellst du die Desktop-Version deiner Website und fängst mit dem Hero-Bereich an. Dann beschäftigst du dich mit dem Navigationsmenü, den Fallstudien und den Collage-Elementen. Du lernst, Formulare zu erstellen, fügst den Abschnitt "Arbeite mit mir" hinzu und baust eine Fußzeile mit Call-To-Action ein.
Dann wird es Zeit, dich mit dem Responsive Webdesign zu beschäftigen. Du beginnst mit der Tablet-Ansicht und gehst anschließend zum Mobil- und Hochformat über. Du testest deine Formulare, fügst interaktive Elemente hinzu und erforschst den Unterschied zwischen "Seite laden" und "Scrollen in der Ansicht".
Im Anschluss gibst du deiner Website den letzten Schliff. Zuerst erforschst du die SEO-Tags und das Website-Hosting und kümmerst dich anschließend um die Wartung deiner Website und den Bearbeitungszugang für Dritte. Zum Abschluss des Kurses führt dich Jan durch das Webflow CMS und seine Möglichkeiten.
- 99% positive Bewertungen (138)
- 7,715 Lernende
- 23 Lektionen (5 Stdn. 17 Min.)
- 14 Zusatzmaterialien (4 Dateien)
- Online und in deinem Tempo
- Verfügbar via App
- Audiosprache: Englisch, Deutsch, Spanisch (Latam), Französisch, Indonesisch, Italienisch, Niederländisch, Polnisch, Portugiesisch, rumänisch, Türkçe
- Englisch · Spanisch · Portugiesisch · Deutsch · Französisch · Italienisch · Polnisch · Niederländisch · Türkçe · rumänisch · Indonesisch
- Niveau: Anfänger
- Dauerhaft unbegrenzter Zugang
Was ist das Kursprojekt?
In diesem Kurs erstellst du eine voll funktionsfähige Unternehmenswebsite in Webflow sowie einen Styleguide für zukünftige Änderungen.
Projekte von Kursteilnehmenden
An wen richtet sich dieser Onlinekurs?
Dieser Kurs richtet sich an alle, die lernen möchten, wie man Websites ohne Code erstellt - von Designern, die ihre Fähigkeiten erweitern möchten, bis hin zu Geschäftsinhabern, die eine Onlinepräsenz aufbauen wollen.
Anforderungen und benötigte Materialien
Für diesen Kurs sind keine Vorkenntnisse erforderlich.
Was die Materialien betrifft, so brauchst du einen Computer und ein kostenloses Webflow-Konto. Um das Beste aus deinem Design zu machen, ist ein Figma- oder Sketch-Konto von Vorteil, aber nicht zwingend erforderlich.
Bewertungen
Jan Losert
Ein Kurs von Jan Losert
Jan Losert ist ein autodidaktischer Visual Designer und Webflow-Experte, der momentan in Prag lebt. Bereits mit 15 Jahren begann er, Foren für seine Klassenkameraden zu erstellen, bevor er sich dem Design von digitalen Tapeten zuwandte und schließlich seine Leidenschaft für die Webentwicklung entdeckte, die er Jahre später zu seinem Beruf machte.
Seitdem hat Jan mit über 30 Start-ups und großen Unternehmen zusammengearbeitet, darunter Petal und Tiny Capital, und dabei funktionale Websites mit Fokus auf eine konsistente visuelle Sprache entwickelt. Er entwickelt Ressourcen wie UI-Kits und Webflow-Tutorials für Designer und hält Vorträge über Produktdesign, den Verkauf von Designsystemen und viele andere Themen. Außerdem teilt er seine Ressourcen und sein Fachwissen mit über 18.000 Followern auf Instagram.
Inhalt
-
E1
Einführung
-
Über mich
-
Einflüsse
-
-
E2
Webflow, No-Code-Übersicht und Styleguide-Erstellung
-
Einführung in No-Code
-
Webflow-Kernfunktionen
-
Design
-
Gestaltungsrichtlinie
-
Styleguide-Erstellung 1
-
Styleguide-Erstellung 2
-
-
E3
Entwicklung der Desktop-Version
-
Helden-Sektion
-
Navigation
-
Fallstudienabschnitte 1
-
Fallstudienabschnitte 2
-
Collagenabschnitt 1
-
Collagenabschnitt 2
-
Kundenbereich und einfaches Newsletter-Formular
-
Fusszeile
-
-
E4
Responsive Website entwickeln
-
Tablet-Ansichtsfenster
-
Mobiles Quer- und Hochformat-Ansichtsfenster
-
Formulare testen
-
Interaktionen
-
-
E5
Endgültige Detaillierung, Inbetriebnahme und zukünftige Wartung
-
SEO-Optimierung und Hosting
-
Wartungs-, Editor- und Assets-Panel
-
Entdecken Sie CMS
-
-
AP
Abschlussprojekt
-
Webflow: Erstelle eine Website, ohne zu programmieren
-
Was erwartet dich in einem Domestika-Kurs?
-
Lerne in deinem Tempo
Lerne bequem von zuhause aus, in deinem eigenen Tempo und ohne festen Zeitplan. Du entscheidest, wann und wo.
-
Lerne mit den Profis
Lerne die nützlichsten Techniken und Methoden mit den Profis der Kreativbranche.
-
Tritt mit den erfahrendsten Experten in Kontakt
Jede Lehrperson übermittelt dir in jeder Lektion leidenschaftlich sein/ ihr Wissen mittels ausführlichen Erklärungen aus professioneller Sicht.
-
Zertifikate
PlusErhalte als Plus-Mitglied ein von deiner Lehrperson personalisiertes und unterzeichnetes Zertifikat. Füge es deinem Portfolio hinzu oder teile es online, um deine Teilnahme zu bestätigen.
-
Sei ganz vorne mit dabei
Dank hochwertig produzierter und gestochen scharfer Videos entgeht dir kein einziges Detail. Du hast uneingeschränkten Zugriff auf deinen Kurs und kannst dir so alle Videolektionen so oft ansehen, wie du möchtest.
-
Teile Wissen und Ideen
Stelle deine Fragen, bitte um Meinungen und biete Lösungsansätze. Teile deine Lernerfahrung mit anderen Schüler*innen in der Community, die genauso kreativ sind wie du.
-
Sei Teil einer globalen kreativen Community
Die Community umfasst Millionen wissbegierige Menschen weltweit, die Freude an kreativem Ausdruck finden.
-
Arbeite mit von Profis produzierten Kursen
Um eine einzigartige Online-Lernerfahrung zu garantieren, zählt Domestika auf eine sorgfältige Auswahl der Lehrpersonen und produziert jeden Kurs intern.
FAQ
This course is best for users with some design or web basics, but motivated beginners can follow along. It covers intermediate Webflow features, no-code workflows, and responsive design, making it ideal for those ready to build dynamic, professional websites without coding.
You'll need a computer with internet access, a free Webflow account, and familiarity with basic web concepts. Some experience with Figma or design tools is helpful but not required.
You’ll learn to create responsive marketing and portfolio sites in Webflow, use no-code tools, implement SEO, animate elements, connect forms, and manage assets for professional web projects—no coding skills needed.
This course guides you step-by-step through planning, designing, and publishing a marketing site using Webflow’s visual tools, including layout, navigation, forms, SEO, and responsive adjustments for all device sizes.
Yes, the course covers how to transition Figma layouts and assets into Webflow, ensuring design consistency and efficient workflow from design to development.
Absolutely. The course teaches responsive design principles, breakpoints, and layout adjustments so your site looks great on desktops, tablets, and mobile devices.
Yes, you’ll learn to animate elements, create smooth reveal effects, and enhance interactivity with Webflow’s visual animation tools—no code required.
hasta el momento es justo lo que esperaba
Buena introducción a Webflow. Explicaciones claras y aplicadas siempre sobre un ejemplo práctico.
fluid and well explained
Muy creativo
Great course! The best instructor you can find for starting with Webflow.