The Webflow Masterclass - Learn how to build websites with Webflow

17h 52m 41s
English
Paid
November 22, 2023

Build Pixel-Perfect, High-Value Websites In A Matter Of Hours Without Coding.

More

Hi, I’m Ran Segall, founder of Flux Academy.

I’ve been a web designer for the last 17 years. And while today I make as much as $30,000 per project, I began my career charging as little as $250 per website.

I had this vision of becoming a high-value designer - one that charges premium rates, works with interesting clients, and creates exciting work.

But I knew that wasn’t going to happen if I wasn’t delivering unique, valuable work that was expertly crafted and customized to my clients’ specific needs.

You know, the kind of work you just can’t deliver when you’re letting templates and technical restrictions run the show.

The problem was… Delivering these highly customized websites wasn’t really a walk in the park.

I loved designing them. But turning my unique designs into real-life, functional websites was… a pain in the ass.

Between not knowing how to code, limited website builders, cookie-cutter templates, and going through hell with developers… Delivering the custom, high-value websites my clients loved and were happy to pay me big bucks for was a slow, painful, frustrating process.

MEET WEBFLOW

The year was 2013. And while - yet again - struggling through QA hell with a developer I was collaborating with, I stumbled upon Webflow.

The promise was intriguing…

A visual way to build the web”
“Build better websites faster. Without coding.”

After trying every single website builder out there, I was skeptical. But looking at how my designs were coming to life after a whole week of QA hell with a developer, I figured it wouldn’t hurt to try it.

And guess what? An hour later, I had built the damn thing on my own, exactly as I had envisioned.

I was sold.

What I discovered is that Webflow is a website builder unlike any website builder out there.

It allows you to “code” websites with the same level of flexibility and customization you’d get from working with a pro developer… Except, you don’t write any code.

Yes, you read that right.

With Webflow, you’re able to build whatever amazing websites your designer brain can come up with without a single line of code or a hint of techy-ness.

Think wild layouts, awesome animations, next-level interactions. It’s all possible for you now, 100% pain-free.

WEBFLOW WILL TRANSFORM YOUR BUSINESS

AND I SAY THIS, BECAUSE IT TRULY TRANSFORMED MINE.

Since discovering Webflow, I've been able to:

  • Stop wasting time, money, and sanity collaborating with developers who often butchered my designs.
  • Break free from the template box and bring my designs to life, exactly as I had envisioned them, in a matter of hours instead of weeks.
  • Upgrade my yearly revenue from $35,000 with a 12-hour workday, to over $200,000 while working less, spending less, stressing less, and actually enjoying the process of delivering websites to clients.

The secret to success with Webflow.

Webflow isn’t a silly drag-and-drop tool. It’s a powerful development platform that does require you to think like a developer to bring your designs to life.

Since discovering Webflow, I’ve not been shy about my love for it. In fact, I shamelessly try to get every single designer I meet to use it.

And what I’ve found time and time again is that most people need help mastering it. You know, so they are actually able to implement amazing websites in a matter of hours.

It was the same for me back when I got started.

Back then, there was no comprehensive guide to show you how to build fully functional websites using Webflow.

It was all here-and-there tutorials, and it took me a whole lot of effort to get to a point where I got Webflow and knew exactly how to quickly implement websites, no matter how complex my designs were.

That’s why now, with years of Webflow mastery on my back, I created The Webflow Masterclass - an online course that has already helped over 1000 students master Webflow and confidently build out-of-this-world websites for their clients.

The secret to success with Webflow.

Webflow isn’t a silly drag-and-drop tool. It’s a powerful development platform that does require you to think like a developer to bring your designs to life.

Since discovering Webflow, I’ve not been shy about my love for it. In fact, I shamelessly try to get every single designer I meet to use it.

And what I’ve found time and time again is that most people need help mastering it. You know, so they are actually able to implement amazing websites in a matter of hours.

It was the same for me back when I got started.

Back then, there was no comprehensive guide to show you how to build fully functional websites using Webflow.

It was all here-and-there tutorials, and it took me a whole lot of effort to get to a point where I got Webflow and knew exactly how to quickly implement websites, no matter how complex my designs were.

That’s why now, with years of Webflow mastery on my back, I created The Webflow Masterclass - an online course that has already helped over 1000 students master Webflow and confidently build out-of-this-world websites for their clients.

AFTER THE WEBFLOW MASTERCLASS YOU WILL...

  1. Develop pixel-perfect, custom websites from scratch - and  in a matter of hours, all by yourself
  2. Stop wasting time navigating QA hell with developers, or scrambling with techy things yourself
  3. Have unlimited creative freedom, without worrying about the limitations of a template
  4. Lead the development process like a total pro, and impress your clients
  5. Know how to price Webflow websites and write the perfect Webflow website proposal
  6. Implement wow-worthy animations and interactions that blow your clients away
  7. Become a premium web designer by delivering premium designs and premium implementation

Watch Online The Webflow Masterclass - Learn how to build websites with Webflow

Join premium to watch
Go to premium
# Title Duration
1 A Personal Welcome 01:02
2 How to make the best of this course & community 08:12
3 What Webflow plan do you need? 02:19
4 How Webflow is different 02:09
5 Basic HTML / CSS concepts 11:36
6 Basic Site Demo 16:57
7 Mastering Layout: Display settings 09:37
8 Mastering Layout: Grid 05:57
9 Mastering Layout: Flex 16:25
10 Flexbox game Solved 12:53
11 Mastering Layout: Position 19:15
12 Real World Examples of Layout Tools in Use 05:02
13 Using Images & Backgrounds 08:34
14 How to structure websites 18:31
15 How to style efficiently 14:56
16 Working with Custom Fonts 08:38
17 Making The Website Responsive 25:55
18 Responsiveness Challenge 00:58
19 Responsiveness Challenge - Solved 28:17
20 Basic interactions 04:22
21 Webflow's Native Components 20:58
22 Symbols 06:45
23 Fixing things when they go wrong 06:16
24 Building a real-world client one pager website 01:06:49
25 Custom layout Challenge 03:28
26 Custom Layout challenge - Solved 44:05
27 Understanding the CMS 15:29
28 Using the CMS 31:19
29 Advanced CMS Filtering 04:46
30 Importing CMS Data 03:56
31 Creating E-commerce Websites 09:47
32 Working with forms & integrating with other systems 09:04
33 CMS Challenge 02:06
34 CMS Challenge - Solved 21:04
35 Understanding Triggers & Animations 15:14
36 Creating Popups 09:23
37 The Slide-in Effect 04:27
38 3D Rotation on Hover 07:04
39 Parallax Effect 15:45
40 Horizontal Scrolling Section 05:53
41 Lottie Animations 04:42
42 Creating a Pre-loader 04:28
43 Final challenge - One Pager Portfolio Project 02:28
44 Integrating a booking system (or any other 3rd party tool) 03:26
45 Exporting to WordPress or Shopify 05:04
46 Bi-Lingual Websites 03:07
47 Creating Awesome Effects with (copy-paste) Custom code 04:02
48 The Complete Webflow Website Process Overview 04:48
49 How to Export & Import Images Properly 06:50
50 Working With a Style Guide 05:42
51 Privacy & Accessibility Considerations 08:07
52 QA - Testing Your Website 03:40
53 Should Clients Host With Webflow? 09:50
54 The Pre-Launch Checklist: SEO & Final Setups 06:35
55 Going Live 08:18
56 How To Sell Webflow To Clients 15:17
57 When Clients Just Won't Buy 03:16
58 How To Deliver Websites To Clients 10:10
59 Client CMS Training 02:36
60 Pricing Webflow Websites 05:19
61 The Perfect Webflow Website Proposal 07:11
62 Maintaining Webflow Websites 04:07
63 Project Plan 04:03
64 Project Setup & Fonts 01:49
65 Creating The Style Guide 08:20
66 Setting up the CMS & dummy content 06:12
67 Building The Homepage 01:46:05
68 Mobile Responsivness 23:15
69 CMS Item Page 25:30
70 Bio Collection Page 12:17
71 About Page 33:52
72 Experiences Page 14:04
73 Product Page 30:43
74 Search Results Page 14:10
75 Interactions 20:03
76 Last Setups 03:45
77 Recording Client Training 06:56
78 Tesla Cybertruck Website in 100 minutes 01:41:09
79 Becoming a True Master 03:15
80 Conclusion - What's Next? 02:57

Similar courses to The Webflow Masterclass - Learn how to build websites with Webflow

Complete Web Design: from Figma to Webflow to Freelancing

Complete Web Design: from Figma to Webflow to Freelancing

Duration 19 hours 10 minutes 59 seconds