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

Webflow Designers Earn More

Level: Beginner - Intermediate
+ Students
Enroll Now
the webflow masterclass

start learning Webflow the right way

Start Learning Webflow
You’ll be building websites within a week
+5,300 Students
Trustpilot
4:03
Take a deeper look at
The Webflow Masterclass

The most effective way to learn Webflow for beginner and intermediate users

is this you?

You create (or want to create) websites for clients.

You’re a self-learner who enjoys learning with videos at your own pace, and…

You value personalized feedback and advice from experienced designers.

You want to master the complete process of building client websites with Webflow from start to finish (and avoid accidentally skipping any important steps).

You’re looking for the most efficient way to learn everything you need to know without spending endless hours sifting through irrelevant tutorials.

Then welcome to The Webflow Masterclass.

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 be successful

5,580+ happy graduates

2

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)

3

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)

4

Community of ambitious & supportive designers
‍

Webflow designers and freelancers 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
5

Continuously updated

Regularly updated and improved to reflect Webflow updates and student feedback

Free lifetime course updates for all students

Last updated: January 2023

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

Make more money charging for design & development

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

Showcase a portfolio featuring your first 2 Webflow websites

NOW is your time to join
the Webflow revolution

There’s a reason people can’t stop talking about Webflow

There’s never been a bigger demand for skilled Webflow designers. Webflow as a company continues to grow, with additional rounds of funding year after year, and over 3.5 million users across 190 countries.

With Webflow’s brand recognition soaring, many clients want their websites built specifically on Webflow.

Now’s the best time for you to become a Webflow designer — and we’ll show you how.

We’ll teach you everything
you need to know without
wasting your time

We’ll teach you everything
you need to know without
wasting your time

Your time is valuable

Stop wasting your time watching hours and hours of content online.
(That’s time you could have spent on paid client projects.)

You don’t have to spend months figuring it out on your own. Learn to build stunning websites with support and guidance from the world’s best teachers, coaches, and community.

Quit looking for THE course that will teach you everything you need to know to become a great Webflow designer. You’ve found it: The Webflow Masterclass.

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
Variable Fonts
Membership sites
Exporting to WordPress or Shopify (Udesly + WP plugin)
Extending Webflow using Community projects
Learn and Build with Cloneables
Useful Chrome Extensions
Advanced SEO Resources
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, no-holds-barred support and feedback from Flux Academy experts.

Build Your Network

Make connections, discover business opportunities, and collaborate with web designers around the world.

Real-life Lessons

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

Get feedback, gigs, and tips from likeminded designers

Expert coaching and monthly workshops for continual growth

invest in your future

three-month payment plan

$
278
/MO
$
278
/mo
$
198
/mo

Pay in three affordable installments. You’ll receive lifetime access, plus all future updates.

Enroll Now

single payment

$
695
$
695
/mo
$
494

Pay in full to save even more! Enjoy lifetime access to the course and all future updates.

Enroll Now
The course includes a no-questions asked, 30 day money-back guarantee.
Need Webflow training for the entire team? See our discounted Teams Program

What students say:

🇺🇸
Emil Torres

Emil Torres

The fact I can now develop websites without having to write a single line of code is amazing to me! I already doubled my hourly rate and I can see the difference in my clients’ reaction to my work and professionalism!

🇦🇺
Paul Hanna

Paul Hanna

After working along with the modules in the Masterclass, I decided to recreate a recent website design I’d done for a client. This particular project had already been completed and I’d paid a developer $1200 to code for me. I set up a new Webflow project and I’d finished the build within 3 hours. 3 HOURS! It was at this point I realised I wasn’t going back.

🇺🇸
Dylan Spencer

Dylan Spencer

I signed up for the Webflow Masterclass after committing to build a client project in Webflow and quickly realizing I was in over my head with a deadline looming, and thanks to Ran's course I hit my deadline – and I haven't stopped Webflowing since. I am a "real web developer" now — I've built over 15 websites, including a website for one of the largest companies in the world. Six months ago, there was no chance I could have done this work — thank you Ran!

🇫🇷
Mike Miello

Mike Miello

With the skills I learned from The Six-figure Freelance Designer and the Webflow Masterclass courses, I was able to position myself as a specialist among educators. I’m now pitching for larger projects and do not need to get a developer involved. I increased my revenue, but what I really enjoy is that I feel that I can move at my speed as opposed to working among other people’s schedules.

🇩🇪
Alice Pelzl

Alice Pelzl

The Webflow Masterclass was ideal for me because it allowed me to build our portrait52 website by myself. I didn’t have the budget for a developer and I didn’t want to depend on other people to make changes on the go. On top of this, I started offering web development services and so far I’ve built five sites for clients with Webflow, while doubling my website fees.

🇬🇧
Kevin Johnston

Kevin Johnston

For many years I used a simple Squarespace website as the base for my portfolio, but I always felt like I was working with templates, or someone else’s design, and that I was simply tweaking rather than creating something more bespoke. The Webflow Masterclass allowed me to build a robust, and flexible design folio that can be easily updated and has the level of craft that I feel showcases my skills. And now I can add web development on Webflow to my services.

🇬🇧
Masha Eizner

Masha Eizner

I come from a print background and I couldn't quite understand how Webflow worked. I was wasting a lot of time to understand the process of designing a website with Webflow, and nothing seemed to work. After completing the Webflow Masterclass, I was able to redesign my website. I'm now able to structure sites properly and build them quickly. I have more freedom and don't have to rely on developers to build the website or use limited platforms like Wix.

🇺🇸
Tony Jeffers

Tony Jeffers

Until taking The Webflow Masterclass I was feeling like letting my clients down by using template-based website builders with that limited my creativity and were a hassle to maintain. I now have a refined process for new clients and a priceless tool to design websites without limitations.

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.

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.

What are my payment options?

You can pay in three monthly installments or all at once for additional savings. We securely process all payments through PayPal and Stripe, and you’ll get an email receipt immediately after purchase. If you need a more detailed invoice for your records, let us know and we'll be happy to help you.

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.

Why is Webflow better than other website building programs?

Webflow is an incredibly powerful visual development tool that allows you to create highly custom, truly premium work — and of course, adjust your rates accordingly. Webflow also handles all the technical heavy-lifting of website development for you, so you get to focus on what you do best: creating stunning, high-value work for your clients.

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.

Will I be able to build websites for my clients 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. We want you to feel fully confident showcasing your Webflow skills in your portfolio.

How is this course different from the Web Design: Becoming Professional (WDBP)?

The WDBP course is all about the design process. We do cover your options when it comes to development, but not the nitty-gritty that goes into actual implementation — that's where the Webflow Masterclass comes in! You'll learn a step-by-step process to bring your designs to life as fully functional, pixel-perfect websites using Webflow.

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.

Start building your next
website on Webflow.

Enroll in The Webflow Masterclass today. You’ll be building Webflow websites in no time.

Enroll Now
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