Hey I’m Seth!

Founder, No Code MBA
Each week I share the latest No Code MBA tutorials, interviews, and tool recommendations with 20,000 subscribers.
I'd love for you to join as well.
2 min read only
Practical lessons
Free access to content
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form...
Ends 5/2/24
Our Spring Sale is now live! Get 50% off an annual membership  →

Webflow Development Essentials: From Design to Fully Functional Website

3.5 hours of on-demand video

Created by
KC Katalbas
Webflow Development Essentials: From Design to Fully Functional Website

3.5 hours of on-demand video

Created by
KC Katalbas

Preview:

What's inside this tutorial?

Throughout the course, you'll gain a deep understanding of Webflow's  visual interface and discover how to create high quality designs that engage your audience. From setting up your workspace and getting familiar with the Webflow environment to creating a style guide and building out individual sections, you'll develop a solid foundation the best practices of designing and building in Webflow.

As you progress through the lessons, you'll learn how to:

  • Create a navigation system with smooth animations
  • Go from a Figma design to fully built Webflow site
  • Design an attention-grabbing hero section
  • Showcase testimonials using an interactive slider
  • Build functional and user-friendly forms

By the end of this project, you'll have a deep understanding of Webflow's capabilities and be equipped with the skills to create professional-grade websites. Whether you're a designer looking to expand your skillset or an entrepreneur eager to create a captivating online presence, this course will provide you with the tools and knowledge you need to succeed.

By learning Webflow, you'll open up a world of possibilities for your web design career, whether you're a freelancer, an entrepreneur, or part of a design team.

Here's what you can expect:

  • Gain a deep understanding of Webflow's intuitive visual interface
  • Create a comprehensive style guide for consistent design
  • Build a sleek navigation system with engaging animations
  • Design an attention-grabbing hero section
  • Showcase testimonials using an interactive slider
  • Build functional and user-friendly forms
  • Optimize your landing page for search engines and accessibility
  • Conduct quality assurance testing and publish your site

Who is this for?

  • Designers looking to expand their skillset and create stunning websites without coding
  • Entrepreneurs and small business owners who want to create a captivating online presence
  • Marketers seeking to create high-converting landing pages for their campaigns
  • Anyone interested in learning web design principles and mastering a powerful no-code tool
Get full access with a 60-day money-back guarantee

About the instructor

KC Katalbas

I’m an independent web designer and Webflow developer based in the San Fransisco Bay area. I partner with start ups and agencies to create stunning websites that are built to scale.

Lessons

1
.
Intro
1:50
2
.
Setting up your workspace
2:31
3
.
Getting to know the web
6:31
4
.
The box model
2:32
5
.
Dev prep from Figma
11:22
Subscribe to our premium courses
Access this course + our full library of no-code and AI courses!
60-day money back guarantee
Over 350 step-by-step lessons
Join 4,500+ members
Existing user?
Login