Website Creation with Webflow: Build a Site without Code
A course by Jan Losert , Visual Designer
Learn the basics of no-code development and build a fully-functioning website from scratch using Webflow
With Webflow you can create fully-functional, professional-looking websites without the need for code. Visual designer and Webflow expert Jan Losert uses the software to help individuals and companies, like Petal and Tiny Capital, to enhance their online presence. He also creates online resources for designers and shares his work with over 18K followers on Instagram.
In this course, Jan teaches you how to create websites of your own with ease using Webflow. Design a marketing site for any kind of business from scratch and help a brand to stand out against their competition online. Are you ready to build an impressive website without any coding experience?
What will you learn in this online course?
23 lessons & 14 downloads
- 99% positive reviews (138)
- 7,697 students
- 23 lessons (5h 17m)
- 14 additional resources (4 files)
- Online and at your own pace
- Available on the app
- Audio: English, German, Spanish (Latam), French, Indonesian, Italian, Dutch, Polish, Portuguese, Romanian, Turkish
- English · Spanish · Portuguese · German · French · Italian · Polish · Dutch · Turkish · Romanian · Indonesian
- Level: Beginner
- Unlimited access forever
What is this course's project?
Build a fully-functioning business website in Webflow, as well as a style guide for future edits and adjustments.
Projects by course students
Who is this online course for?
This course is for anyone with an interest in learning to create websites without code - from designers looking to broaden their skillset, to business owners who want to build an online presence.
Requirements and materials
No previous experience is required.
In terms of materials, you will need a computer and a free Webflow account. To make the most of your design, a Figma or Sketch account is beneficial but not essential.
Reviews
Jan Losert
A course by Jan Losert
Jan Losert is a self-taught visual designer and Webflow expert based in Prague, Czech Republic. He started creating forums for his classmates at just 15 years old before moving on to digital wallpaper design and eventually discovering a passion for web development which, after sharing his work online, he turned into a career.
Since then, Jan has worked with over 30 startups and large companies including Petal and Tiny Capital, building functional websites with a focus on consistent visual languages. He creates resources like UI kits and Webflow tutorials for designers, and has given talks on product design, selling design systems, and more. He also shares his resources and expertise with over 18K followers on Instagram.
Content
-
U1
Introduction
-
About Me
-
Influences
-
-
U2
Webflow, No-Code Overview and Style Guide Creation
-
Introduction to No-Code
-
Webflow Core Features
-
Design
-
Style Guide
-
Style Guide Creation 1
-
Style Guide Creation 2
-
-
U3
Developing the Desktop Version
-
Hero Section
-
Navigation
-
Case Study Sections 1
-
Case Study Sections 2
-
Collage Section 1
-
Collage Section 2
-
Customers Section and Simple Newsletter Form
-
Footer
-
-
U4
Developing the Responsive Website
-
Tablet Viewport
-
Mobile Landscape and Portrait Viewport
-
Testing Forms
-
Interactions
-
-
U5
Final Detailing, Going Live and Future Maintenance
-
SEO Optimization and Hosting
-
Maintenance, Editor and Assets Panel
-
Explore CMS
-
-
FP
Final project
-
Website Creation with Webflow: Build a Site without Code
-
What to expect from a Domestika course
-
Learn at your own pace
Enjoy learning from home without a set schedule and with an easy-to-follow method. You set your own pace.
-
Learn from the best professionals
Learn valuable methods and techniques explained by top experts in the creative sector.
-
Meet expert teachers
Each expert teaches what they do best, with clear guidelines, true passion, and professional insight in every lesson.
-
Certificates
PlusIf you're a Plus member, get a custom certificate signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
-
Get front-row seats
Videos of the highest quality, so you don't miss a single detail. With unlimited access, you can watch them as many times as you need to perfect your technique.
-
Share knowledge and ideas
Ask questions, request feedback, or offer solutions. Share your learning experience with other students in the community who are as passionate about creativity as you are.
-
Connect with a global creative community
The community is home to millions of people from around the world who are curious and passionate about exploring and expressing their creativity.
-
Watch professionally produced courses
Domestika curates its teacher roster and produces every course in-house to ensure a high-quality online learning experience.
FAQs
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.