Website Creation with Webflow: Build a Site without Code
A course by Jan LosertVisual Designer
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
Introduction to No-Code
10 minutes, 9 seconds
Webflow Core Features
17 minutes, 33 seconds
Design
7 minutes, 0 seconds
Style Guide
11 minutes, 18 seconds
Hero Section
18 minutes, 53 seconds
Navigation
20 minutes, 41 seconds
What's included in this course?
Begin by getting to know Jan, your teacher for this course. Discover how he went from building forums to designing websites for both startups and large companies, along with the influences that inspire the work he creates. Then, hear his advice for succeeding in the web design industry.
Get an introduction to no-code development before exploring Webflow’s key features and where to find royalty free images. Then create a style guide that features all the main elements of your design, from colors and fonts to buttons and typography.
Build the desktop version of your site, starting with the hero section. Then move onto the navigation menu, case studies, and collage elements. Look at how forms are created and add a “work with me”’ section before developing a footer with a clear call to action.
Time to make your website responsive. Start with the tablet view, before moving on to mobile and portrait formats. Test your forms, add interactive elements to your website, and explore the difference between “page load” and “scroll in view”.
Move on to the final details of your site. Explore SEO tags and website hosting. Then look at website maintenance and editing access for third parties. To finish the course, Jan guides you through Webflow CMS and its potential.
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
- 2 months ago
hasta el momento es justo lo que esperaba
- 5 months ago
Buena introducción a Webflow. Explicaciones claras y aplicadas siempre sobre un ejemplo práctico.
- 1 year ago
fluid and well explained
- 1 year ago
Muy creativo
- 1 year ago
Great course! The best instructor you can find for starting with Webflow.
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.