Skip to main content
CourseFlix

The Webflow Masterclass - Learn how to build websites with Webflow

17h 52m 41s
English
Paid

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

Hi, I’m Ran Segall, founder of Flux Academy. I’ve been a web designer for the last 17 years. Today, while I can charge up to $30,000 per project, I started my career charging as little as $250 per website. I envisioned becoming a high-value designer, charging premium rates, working with interesting clients, and creating exciting work. But I knew that achieving this meant delivering unique, valuable work tailored to each client's specific needs.

Overcoming Challenges in Web Design

Initially, delivering such customized websites was challenging. Although I loved designing them, turning my designs into functional websites was difficult due to my lack of coding skills, limited website builders, cookie-cutter templates, and complicated developer interactions.

Discovering Webflow

MEET WEBFLOW

In 2013, after a frustrating experience with a developer, I discovered Webflow. Its promise was intriguing: "A visual way to build the web" and "Build better websites faster, without coding." Although skeptical, I tried it, and within an hour, I had crafted the exact website I had envisioned. I was convinced.

Why Webflow Stands Out

Webflow allows you to "code" websites with the same flexibility and customization as a professional developer, without writing any code. It unleashes your creativity with wild layouts, awesome animations, and advanced interactions, all pain-free.

Webflow's Impact on My Business

Webflow has truly transformed my business in several ways:

  • Saving time, money, and stress by eliminating the need to work with developers who could distort my designs.
  • Allowing me to realize my designs exactly as imagined, in hours rather than weeks.
  • Increasing my annual revenue from $35,000 with a 12-hour workday, to over $200,000, working more efficiently and enjoying the process.

The Secret to Success with Webflow

Webflow is not just a drag-and-drop tool; it's a robust development platform that requires a developer mindset to bring designs to life. I've become a proponent of Webflow, urging every designer to use it because mastering it enables rapid creation of incredible websites.

Initially, I struggled due to the lack of a comprehensive Webflow guide. I relied on scattered tutorials until I achieved proficiency in Webflow. This journey led me to create The Webflow Masterclass, a course that has empowered over 1000 students to master Webflow and build extraordinary websites confidently.

Benefits After Completing The Webflow Masterclass

  1. Develop pixel-perfect, custom websites independently and swiftly.
  2. Avoid the hassle of QA challenges with developers or tech navigation.
  3. Enjoy unlimited creative freedom, free from template constraints.
  4. Lead development like a professional and impress clients.
  5. Expertly price Webflow websites and propose compelling proposals.
  6. Implement captivating animations and interactions that amaze clients.
  7. Elevate to a premium web designer status by delivering high-quality designs and implementations.

Additional

https://coursehunters.online/t/webflow-masterclass-materials/3801 

About the Author: flux-academy (Ran Segall)

flux-academy (Ran Segall) thumbnail
Over the last few years major shifts in culture and technology have brought in immense demand for skillful designers. Companies like Apple have made design and user experience a standard that customers now take for granted, which means clients are more willing than ever to invest in good design. As technology made starting a business easier, there are now more business then ever in history in need of a good design to help their business grow and succeed. The same technology and internet allows us as designers to learn and work independently of where we are in the world, giving us more opportunities than ever to finally make a living doing work that is meaningful and enjoyable alongside supporting our lifestyles and families. We're excited to help you on your journey to make the most of this incredible point in history.

Watch Online 80 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 80 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: A Personal Welcome
All Course Lessons (80)
#Lesson TitleDurationAccess
1
A Personal Welcome Demo
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
Unlock unlimited learning

Get instant access to all 79 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription