No items found.
2023
3
25
0:00

Spring Sale: 29% OFF (All Courses & Bundles)

00
days
d
00
hours
h
00
minutes
m
00
seconds
s
Webflow Masterclass
Web Design Pro
Brand Design Mastery
Core Design Skills
6-Figure Freelancer
Standout Portfolio
in 7 Days
The Complete Web Design Bundle
Freelance Web Designer Bundle
Flux All Access
Bundles →
Courses →
Courses
Web Design Pro
Webflow Masterclass
6 Figure Freelancer
Brand Design Mastery
Course Bundles
Student Stories
Free Resources
Resources
Notion Freelance Hub
Portfolio Handbook
Webflow Workshop
Web Design Workshop
Color Psychology Guide
Brand Design Workshop
Google Fonts Guide
Intro to Freelancing
The Beginner's Guide For Web Design
Webflow Style Guide
No items found.
About
Log In
Enroll Now
Courses
Webflow Masterclass
Web Design Pro
Brand Design Mastery
Core Design Skills
6-Figure Freelancer
Standout Portfolio in 7 Days
Flux All Access
The Complete Web Design Bundle
Freelance Web Designer Bundle
Student Stories
Free Resources
About
Welcome to Flux Academy!

$100 OFF Your first
course or bundle *

$100 OFF Your first course or bundle

Thank you! Please check your inbox!
Oops! Something went wrong while submitting the form.
Unsubscribe anytime • We'll never share your information
By clicking “Send me The Discount Code” you agree to receive Flux Academy emails and accept our Terms & Privacy Policy.
* Excluding our “Standout Portfolio In 7 Days” program.

FOR 5 DAYS ONLY

Flux Academy Sale

⚡️ $150 off all courses ⚡️

⚡️ Up to $672 off bundles ⚡️

learn more

Want to finally "get" Webflow?

If you've been struggling to understand how Webflow works, and you're overwhelmed watching tutorials, check out our free 1 hour workshop:
Thank you! Please check your inbox!
Oops! Something went wrong while submitting the form.

New 2022 Edition

New 2022 Edition

New 2022 Edition

Train your entire team in Webflow

Level: Beginner - Intermediate
Students

FULL WEB DEVELOPMENT PROCESS

Your team will learn how to build pixel-perfect websites from start to finish with 12 hours of step-by-step video content.

Get started immediately

Team members will build fully functioning pages as part of the course and get personalized feedback from the Flux Academy experts.

No Coding Required

Every member of the team will master a visual development tool to build incredible websites quickly, without learning how to code.

Enroll Now

Why this is the only
Webflow course you need

Here’s what sets The Webflow Masterclass apart:

Super-clear lesson structure with proven results

1

12 hours of video lessons based on real-life client work by Webflow designers

The only program that takes students from A to Z

Fresh curriculum (developed based on feedback from thousands of designers) includes everything you need to succeed

8,500+ happy graduates

Taught by world-class experts

Ran Segall

20 Years Design Experience

Teaching Webflow since 2014

5-Figure Webflow websites built for international clients

Kabarza

Certified Webflow Expert

Worked with Adidas, Siemens and other major brands

Over 100 Webflow client websites built

Practical and actionable

Work on 2 amazing website projects and put your skills into practice within realistic scenarios

Learn to improve and iterate on your work with personalized feedback

Spend more time doing design (instead of only watching tutorial videos)

Expert coaching & support
‍

Weekly Q&A to get all your questions answered (or learn from other student questions)

Feedback and advice from successful designers and freelancers

Personalized support to make sure no one is left behind

Accountability to help you actually complete the course (instead of letting it gather digital dust)

Community of ambitious & supportive designers
‍

Webflow designers from all around the world

Reach out to fellow Webflow designers when you’re feeling stuck (you’re not alone)

Access to exclusive networking, business, and collaboration opportunities

5

Continuously updated

Regularly updated and improved to reflect Webflow updates and student feedback

Free lifetime course updates for all students

Latest course update: The Webflow Masterclass Version 3 (June 2022)

course reviews:

Trustpilot

By the end of this course, you’ll be able to:

Build pixel-perfect websites quickly using a powerful visual development tool.

Implement stunning animations and interactions

Regain creative freedom in your work, without the limitations of templates

student work examples:

build these websites on the course:

With pre-prepared assets, step-by-step instructions, and expert guidance, you’ll soon be showcasing your own Webflow creations.

what you'll learn

Chapter 1

Introduction

Course Overview and How to Make the Best of It
(1:01)
Introduction to Your Instructors
(8:11)
Course Projects & Certification
(2:18)
What Webflow plan do you need?
(2:18)
Chapter 2

Mastering The Fundamentals

7 Key Concepts for mastering Webflow (and Web Development)
(2:08)
Demo: Building the website’s hero section
(11:35)
Layout tools: Display Settings
(16:56)
Layout tools: Grid
(9:36)
Layout tools: Flex
(5:56)
Layout tools: Positioning
(16:24)
Demo: Building custom layout sections of the website
(12:52)
Making the website responsive
(19:13)
Basic interactions: Hover & Dropdowns
(5:01)
When elements go “out” of the page (Overflow hidden)
(8:33)
Sliders & Carousels
(18:30)
Using Tabs & Lightboxes
(14:55)
Using Forms
(8:37)
Using Symbols
(25:54)
Challenge: Try it yourself!
(0:57)
Chapter 3

Working with Webflow’s CMS

Understanding the CMS & content editing
Planning & creating your collections
Building a CMS team section
Building a CMS template listing page
Sorting & filtering items
Adding a search function
Importing & Exporting content with Webflow
Creating E-commerce Websites
Chapter 4

Mastering Animations & Interactions

Animation & Interactions principles
The Slide-in Effect
Horizontal Scrolling
Parallax Effect
Mouse hover animations
Lottie Animations
Creating Popups
Creating a Pre-loader & Intro animations
Chapter 5

The Website Building Process

The Complete Webflow Website Process Overview
How to Export & Import Images Properly
Working With a Style Guide
Privacy Considerations
Accessibility Considerations
The Pre-Launch Checklist: QA, SEO & Final Setups
Client CMS Training
Going Live
Chapter 6

Working With Clients

How To Sell Webflow To Clients
Should Clients Host With Webflow?
How To Deliver Websites To Clients
Pricing Webflow Websites
Chapter 7

Advanced Topics

Integrating with other no code tools
Multi Lingual Websites
Using Custom code for styling
Advanced Image Consideration
Responsive Typography
Membership sites
Exporting to WordPress or Shopify (Udesly + WP plugin)
Extending Webflow using Community projects
Learn and Build with Cloneables
Useful Chrome Extensions
Chapter 8

Advanced Build - Fitness coach

Overview
(4:47)
Cool Button interaction (hero
(6:49)
Gradient outline (Multi-Color border)
(5:41)
Nav Interaction (Custom Mega Nav)
(8:06)
Magnetic play button
(3:39)
Hero animation
(9:49)
Custom slider
(6:34)
Infinite scroll animation
(8:17)
Advance CMS animations
(8:17)
Custom Filtering
(8:17)
Page Transitions
(8:17)
Chapter 9

Get your certification

Final project submission & certification process
Chapter 10

Closing Thoughts

Conclusion - What's Next?

12 months of access to our community

Join 8,500+ professional web designers. Talk about a network boost!

Weekly live office hours

Get personalized support and feedback from Flux Academy experts.

Find your next hire

Get access to a huge pool of Webflow design talent you can hire or collaborate with.

Real-life Lessons

Learn from the experiences and lessons shared by a community of real-life, active professionals.

Get feedback and tips from like minded designers

Expert coaching and monthly workshops for continual growth

Team Pricing

2 seats

$1,390
$1,099

• Lifetime access to the course, including all future updates

• 12 months of Community & Support access

Enroll Now

3 seats

$2,085
$1,499

• Lifetime access to the course, including all future updates

• 12 months of Community & Support access

Enroll Now

4 seats

$2,780
$1,946

• Lifetime access to the course, including all future updates

• 12 months of Community & Support access

Enroll Now
The course includes a no-questions asked, 30 day money-back guarantee.

Bigger team? No problem

Fill the form below and we’ll get back to you with a special offer

Unsubscribe anytime • We'll never share your information
By clicking “Submit” you agree to receive Flux Academy emails and accept our Terms & Privacy Policy.

The webflow masterclass is

Sold Out

Leave your details to get a reminder when we open:

How we protect and manage your data

You're in!
Please check your inbox
Oops! Something went wrong while submitting the form.
Trustpilot

FREQUENTLY ASKED QUESTIONS

Do I need to know how to code?

Nope. That's part of the magic of using a powerful visual development tool like Webflow. You do not need to know how to code in order to create a pixel-perfect, highly custom website. The visual interface will guide you through it all.

Can I use Webflow to build an e-commerce website?

Yes! One of the coolest things about Webflow is its flexibility. Your work isn't bound by the built-in capabilities of a template, so you can truly create whatever your clients need. In Chapter 4 of the Webflow Masterclass, you'll learn all about e-commerce and other dynamic website building features.

How long will I have access to the course?

You get a lifetime access to the course and a 12-month access to the Flux Community. More than that, all future updates to the content are on us!

I already know how to code — why should I learn Webflow?

Webflow offers an ultra-fast way to build websites — we’re talking hours, not days or weeks. If you’re a designer, you’ll also enjoy the visual aspect of working inside Webflow and seeing what you're building take shape in real-time.

Will I be able to build websites by the end of this course?

Yes, you'll learn a step-by-step process you can use in any future projects. Beyond that, you’ll actually end this course with your first Webflow website and our team will give you personalized feedback on it.

What’s the difference between the Webflow Masterclass and Webflow University?

Webflow University has some great tutorials and quick lessons but isn’t meant to take you through the entire process of building and selling Webflow projects as a freelancer — like we do in The Webflow Masterclass. More than that, the masterclass is the only course where you build an entire site and receive personalized instructor feedback on it as part of the curriculum.

Is Webflow free?

Webflow offers a free plan that many students use while taking this course. However, for your future client projects, we recommend investing in one of their paid tiers.

Company
AboutCareersTermsPrivacyCode Of ConductRefund, Cancellation & Access Policy
Courses
Web Design: Become a Pro The Webflow MasterclassWebflow for TeamsBrand Design MasteryThe 6-Figure Freelance DesignerCore Design SkillsStandout Portfolio in 7 DaysIntro to E-commerce Workshop
Bundles
The Complete Website BundleFreelance Web Designer BundleFlux All Access
Resources
Blog
On Social
Instagram
Youtube
Twitter
Proudly built with
webflow
© 2023 Flux Academy