The Webflow Masterclass - Learn how to build websites with Webflow
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...
- Develop pixel-perfect, custom websites from scratch - and in a matter of hours, all by yourself
- Stop wasting time navigating QA hell with developers, or scrambling with techy things yourself
- Have unlimited creative freedom, without worrying about the limitations of a template
- Lead the development process like a total pro, and impress your clients
- Know how to price Webflow websites and write the perfect Webflow website proposal
- Implement wow-worthy animations and interactions that blow your clients away
- Become a premium web designer by delivering premium designs and premium implementation
Watch Online The Webflow Masterclass - Learn how to build websites with Webflow
# | 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 |