.svg)
Webflow Course: Learn to Design & Build Websites from Beginner to Advanced
Webflow powers every site I build — including this one. I even custom built this entire course platform, dashboard, and functionality in Webflow from scratch. In this course, I’ll teach you everything I know.
Please note: Webflow occasionally updates their UI and releases new features. This course remains fully accurate and applicable, and I actively provide updates to keep you in sync. Click or tap here for details.
Webflow Updates in 31st October 2025
Webflow Updates | 1st October 2025
Webflow Updates | November 2025
Taught with love by:
Derek Siu
100+
100+
You already have an account and are logged in! Just launch your dashboard to start the course, or complete checkout to unlock access.
🥳 Originally $880 | Now $550 (core modules) — land 1 client & you’ve already profited!
Inclusion
Personal Dashboard & Login (built in Webflow) with great User Experience
4 Structured Modules to learn Webflow Fast and Proper
10+ hours of Beginner Friendly Content
5+ Resource Files
Access
Online at your own pace
Lifetime Access + Future Updates
Guided Feedback & Advice
Last updated: 2nd January 2026
view all updates
view all updates
Instructor Trusted by local & International Brands
What you'll learn
Webflow User Interface (UI)
How to build in Webflow
Launching Webflow Site
Search Engine Optimisation (SEO)
Animations & Interactions
Client Handoff
Webflow Pricing & Accounts
Website Responsiveness
Personal Tips & Advice
Different Webflow Modes
Forms & Integrations
Advanced Tools & Plugins
Webflow CMS
Many More
Course Outline
10hr+ Total Content
5 Total Lessons
Module 1: Webflow Fundamentals
4hr+
10+ Lessons
Intro & Overview
1m
Introduction to the Course
0:00
3m
Instructor Background and Experience
1:35
1m
Course Expectations and Commitment
5:10
1m
Career Opportunities in Webflow
6:13
1m
Stages of Building a Website
7:32
2m
Introduction to Coding Basics
9:01
1m
How Websites Go Live
11:12
2m
Do we need to learn code?
12:12
2m
Introduction to Webflow
14:17
2m
Getting Started with Webflow
16:20
0m
Verifying Your Email Address
18:27
2m
Webflow Workspace Walkthrough
18:50
2m
Overview of Sites and Tutorials
21:16
2m
Creating a New Site in Webflow
23:18
0m
Overview of the Webflow Interface
26:17
2m
Webflow is Visual Coding
26:52
0m
Understanding Webflow Plans
26:52
0m
Adding Elements to Your Site
29:20
1m
Pages
30:15
2m
Navigating Layers and Structure
31:42
0m
Variables
33:48
0m
CSS and Style Selectors
34:47
1m
Asset Panel
35:03
0m
Integrating Apps and Settings Overview
36:27
1m
eCommerce Functionality in Webflow
37:13
0m
Audit
38:17
1m
Find Anything Shortcut
38:30
1m
Site Settings and Configuration
39:43
1m
Publishing and Site Access
41:12
0m
Editor Mode and User Experience
42:50
0m
CMS
43:28
0m
Preview Button
43:43
0m
Localisation (language)
44:02
0m
Pages Again
44:09
1m
Responsive Design and Breakpoints
44:27
0m
Status of Site
45:40
0m
Comments
46:05
0m
Sharing
46:16
0m
Publishing
46:24
0m
Bottom Bar
46:31
2m
Style Panel
47:02
1m
Settings & Interactions
49:23
1m
Recap of Webflow Interface
49:37
1m
Outro
50:36
Box Model & CSS Classes
3m
Intro to Fundamental Concepts
0:00
2m
Components of the Box Model
2:31
2m
Importance of the Box Model
4:18
22s
CSS Grid
5:53
2m
Flexbox vs CSS Grid
6:15
2m
Jumping into Webflow
7:54
2m
Understanding Element Hierarchy
10:00
2m
Defining Box Properties
11:33
2m
Using Different Measurement Units
13:05
2m
Responsive Design Considerations
14:53
2m
Adjusting Box Dimensions
16:31
2m
Using Margins for Positioning
18:03
2m
Understanding Padding
19:49
2m
Key Differences: Margin vs. Padding
21:40
7m
Flexbox
24:04
49s
Introduction to Grid Layout
30:49
2m
Adjusting Grid Columns and Rows
31:38
2m
Managing Overflow in Design
33:25
2m
Responsive Design with Grid
35:26
2m
Start Thinking in Terms of Boxes
37:24
2m
Comparing Flexbox and Grid
39:02
2m
Creating Clickable Elements
40:39
2m
Making Images Clickable
42:23
3m
The Significance of the Box Model
44:21
3m
Intro to CSS
47:36
2m
Navigating the Box Structure
50:15
2m
Understanding Class Inheritance
52:29
3m
Naming Conventions for Classes
54:32
4m
Combo Classes
57:48
1m
Recap of CSS Classes and Box Model
1:01:26
6m
High Level Recap
1:02:27
2m
Box Model & CSS Classes Common Mistakes
1:08:53
1m
Importance of Good Habits
1:10:32
1m
Outro
1:11:36
Build, Animate & Adapt
3m
Building Landing Page
0:00
5m
Understanding the Structure of a Simple Landing Page
3:12
3m
Importing and Organizing Images for Webflow
7:46
4m
Creating Sections and Containers in Webflow
10:44
4m
Building Navbar
14:25
5m
Styling the Navigation Bar
17:52
3m
Managing Spacing and Alignment
22:42
2m
Nesting Elements in Webflow
26:01
3m
Building Hero Section
27:56
3m
Customizing Buttons and Text
30:31
5m
Incorporating Images and Layout Adjustments
33:45
1m
Importance of Class Reusability
39:02
2m
Importance of Heading Structure
40:05
3m
Building About Section
42:02
5m
Implementing Background Colors and Spacing
44:58
5m
Creating the CTA Section
49:59
3m
Finalizing the Landing Page
54:56
2m
Reviewing the Overall Design
58:09
5m
Adding Links
1:00:30
2m
Recap of Design Principles
1:05:36
2m
Preview Backend Code
1:07:30
2m
Introduction to JavaScript
1:09:20
1m
CSS Hover Animations
1:11:37
4m
Recap on Hover State Functionality
1:12:41
4m
Applying Transitions to Elements
1:16:27
4m
Webflow Interactions Overview
1:20:28
4m
Utilizing Predefined Animations in Webflow
1:24:16
4m
Adjusting Animation Offsets and Delays
1:28:24
5m
Managing Interactions and Deleting Animations
1:32:19
1m
Recap Animations & Interactions
1:37:48
3m
Understanding Breakpoints & Fluidity
1:38:40
3m
Adjusting for Different Breakpoints
1:41:23
4m
Optimizing CSS Classes and Breakpoints
1:44:19
4m
Understanding Mobile Landscape
1:48:15
1m
Navigating Mobile Breakpoints
1:52:08
5m
Flexbox & Grid for Responsiveness
1:53:11
2m
Recap & Overflow
1:58:25
2m
Encouragement for Beginners
2:00:25
1m
Keep Building & Practicing
2:02:47
0m
Outro
2:02:47
Design Control
1m
Intro
0:00
1m
Style Tab Classes
0:59
1m
Layout Options
1:24
1m
Spacing
2:20
1m
Minimize UI
3:01
2m
Sizing (Auto + Width & Height)
3:31
5m
Sizing (Min & Max)
5:23
2m
More Size Option (Aspect Ratio & Positioning)
10:26
3m
Managing Overflow Properties
12:12
7m
Positions (Static, Rel, Sticky, Fixed, Z-Index)
14:43
2m
Introduction to Typography
21:40
5m
Custom Fonts
22:58
1m
Font Weight and Styles
28:06
2m
Typography Color and Alignment
28:55
5m
More Type Options
30:54
2m
Exploring Text Sizing and Units
35:57
5m
Viewport Dimensions (VW, VH, SVH, SVW)
37:50
5m
CH, REM & EM
42:51
5m
Backgrounds: Colors, Images, and Gradients
47:59
1m
Background Clipping
52:42
2m
Applying Borders and Radius Effects
53:41
1m
Blending and Opacity Adjustments
55:45
3m
Advanced Effects and Transitions
56:54
1m
Conclusion and Next Steps
59:22
Building Interactions and Mobile-Ready Designs
4m
Introduction and Recap of Previous Session
0:00
2m
Introduction to JavaScript and Animations
4:00
3m
Applying CSS Animations
5:26
2m
Advanced Hover Effects and Transformations
8:47
3m
Transition Effects and Easing Options
10:58
2m
Recap on CSS Classes and Hover States
13:28
4m
Native Webflow Interactions
15:08
2m
Utilizing Predefined Animations in Webflow
18:56
2m
Troubleshooting Animation Speed Issues
20:26
3m
Animation Delay & Offset
22:14
7m
Native Animations Settings
24:54
1m
Adjusting Animation Timing
31:59
2m
Testing Across Different Devices
33:16
2m
Adapting for Ultra Wide Monitors
35:33
2m
Defining Rules for Specific Breakpoints
37:13
2m
Efficient CSS Class Management
38:50
2m
Understanding Combo Classes & Responsiveness
40:47
2m
Optimizing for Mobile Landscape
42:55
2m
Responsiveness Fluidity
44:17
3m
Importance of Class Assignment
45:51
3m
Implementing Hamburger Menus for Navigation
48:28
2m
Utilizing Grid and Flexbox for Layout Management
51:08
2m
Finalizing Mobile Responsiveness
53:05
28s
Emphasizing Fundamental Concepts in Web Design
55:04
3m
Encouraging Practical Application of Skills
55:32
27s
Exploring Webflow Templates for Learning
58:23
10s
Reverse Engineer Existing Website
58:50
Module 2: Webflow CMS
2h 52m
40 Lessons
1m
Introduction to Webflow CMS
0:00
6m
CMS Example Sites
1:35
5m
The Importance of CMS in Web Development
8:10
2m
Think of CMS like Tables
13:33
5m
Creating CMS & Fields
15:58
6m
Creating CMS Items
21:15
3m
Linking CMS Collections
27:30
4m
Styling and Limiting Collection Items
31:20
3m
Use Case for Random Sorting
35:28
4m
Cleaning Up CMS View
39:15
2m
Adding Featured Tags
43:20
0m
Removing CMS items
45:56
4m
CMS Archive & Draft Modes
46:37
1m
Finalizing Published Items
51:12
4m
CMS CSV Import & Export
53:10
7m
New CMS based on Figma File
57:14
6m
Structuring CMS Fields for Optimal Use
1:04:40
5m
Uploading CMS Items
1:10:40
5m
Finalizing the Company Card Design
1:16:20
3m
Dynamic Content Display in CMS
1:21:21
2m
CMS List inside Collection Page
1:24:47
3m
Final Walkthrough
1:27:26
4m
Recap & More CMS Knowledge
1:30:28
4m
Exploring Rich Text and Media Fields
1:35:01
4m
Understanding Reference and Multi-Reference Fields
1:39:33
3m
Finalizing Author Additions
1:44:01
3m
Adding Multi Reference Fields
1:47:52
5m
Uploading Files to CMS
1:51:47
3m
Finalizing Entries for Major Brands
1:57:35
3m
Managing Image Order and SEO Considerations
2:01:27
4m
Positioning Elements with CSS Techniques
2:05:10
3m
Implementing Multi-Reference Fields
2:09:21
4m
Linking Contact Information Effectively
2:13:13
4m
Dynamic Content Visibility
2:17:57
5m
Finalizing Design and Responsiveness
2:22:07
4m
Creating Category Pages
2:27:58
8m
Advanced External CMS Functionalities
2:32:55
4m
Understanding Multi Reference Field Limitations
2:41:05
6m
Expanding Search Capabilities
2:45:51
2m
Wrapping Up Module Two
2:52:28
Module 3: Launch, SEO & Client Handoff
2hr 5m
38 Lessons
SEO, Forms & QA Review
4m
Introduction
00:00
2m
How Websites Work
03:39
3m
Basic SEO Optimisation
06:00
3m
SEO: Minimise Code
09:14
1m
SEO: Heading Structures
12:05
1m
SEO: Defining Div
13:28
3m
SEO: Compressing Assets
14:16
4m
SEO: Image Loading
17:37
7m
SEO: Accessibility
21:36
4m
SEO: Title Tags & Meta Description
28:14
1m
SEO: Keywords
32:00
3m
SEO: Open Graph Image
33:28
3m
SEO: Collection Pages
36:47
2m
SEO: Favicon + Webclip
39:33
6m
SEO: Extra Site Settings
41:48
4m
SEO: Bonus Schema Markup
47:56
7m
Connecting Forms
52:08
3m
Google Captcha
59:04
2m
Exporting Form Data
1:02:03
1m
Submitting Form Example
1:03:42
Webflow Modes, Pricing & Going Live
1m
Introduction
00:00
9m
Editor Mode (Basics)
00:49
3m
Editor Mode (Advanced)
10:06
2m
Comment Mode
12:39
1m
Build Mode
14:57
1m
Pricing Overview
18:17
6m
Workspace Plans
19:39
5m
Site Plans & Hosting
25:46
1m
Extra Plans
30:17
1m
Understanding Billing
31:42
1m
Upgrading & Downgrading
32:46
3m
Billing Settings
33:54
1m
Intro Publishing
37:07
1m
Domain Names (Overview)
38:14
5m
Choosing & Buying a Domain
39:37
3m
Domain Name Settings
44:24
9m
Connecting a Domain
47:18
2m
Closing Statement
56:44
Module 4: Advanced Tools, Plugins & Functionalities
1h 32m
40 Lessons
Webflow Advanced Features & Tools
3m
Intro
00:00
3m
Backup &History
03:13
5m
Varibles
05:51
3m
Password Protection
10:29
2m
Search Function
13:08
2m
RSS Feed
15:23
13m
Custom Code
17:35
23m
Webflow Ecommerce
30:29
1m
Advanced Animations
53:29
0m
Lottie Files
54:21
0m
Understanding Animations
54:40
1m
Rive Animations
54:57
1m
Spline Animations
55:32
1m
GSAP Animations
56:04
0m
Templates
57:19
1m
Shared Libraries
57:40
3m
Components
58:25
1m
Apps
1:01
1m
Webflow Showcase
1:02
1m
Webflow Certifications
1:03
2m
Webflow Resources
1:05
External Recommendations
0m
Intro
00:00
2m
Memberstack
00:20
3m
Zapier
02:26
1m
Email integration
03:13
1m
Analytics
04:59
1m
Unsplash
05:38
1m
Google Fonts
06:10
1m
Storyset
06:42
1m
Icon Finder
07:20
0m
Flaticon
08:34
0m
Uploadcare
08:54
1m
Advanced Figma
09:10
0m
Airtable | Webflow
09:44
2m
Relume
10:08
1m
Finsweet Attributes
11:58
0m
Lottieflow
12:39
1m
Finsweet Libraries
12:57
1m
Finsweet App
13:55
1m
Finsweet Widgets
14:53
1m
Chat GPT & AI
15:59
7m
Recap & Tips
17:28
Suggested Add-On
Not Included Module 5: Freelance & Business
4h 45m
75 Lessons
Pre Introduction
1m
Intro
00:00
1m
Instructor Background & Context
01:59
0m
Influential Figures in My Career
03:33
8m
Lessons from My Mentor
04:27
2m
The Bible as a Business Resource
12:50
4m
Crazy Personal Story & Identity
15:37
9m
Mindset & Business Overview
20:15
7m
Pros and Cons of Freelancing
30:01
1m
Key Takeaways
37:02
Marketing
1m
Intro Marketing Fundamentals
00:00
2m
Lemonade Analogy
01:25
4m
Common Types of Marketing Strategies
03:30
4m
Trust, Expertise & Likability
07:03
7m
Marketing Yourself As A Brand
10:38
5m
Marketing Suggestion As Beginner
17:44
10m
How I Marketed Myself
22:43
1m
How You Can Learn From Me
33:07
2m
Key Takeways
33:57
Accounting & Finance
1m
Intro
00:00
3m
Lemonade Analogy
00:32
8m
Defining Profit in Business
03:42
3m
Minimum Costs To Consider
11:19
5m
How to Price | Charge
13:54
7m
Common Pricing Objections
19:08
3m
How To Get Paid | Invoices
25:57
4m
Importance of Deposit Payments
29:09
6m
Understanding Taxes and Fees
33:12
2m
Business Structure Overview
38:59
2m
Leveraging Affiliate Links for Income
40:41
10m
Common Mistakes for Beginners
42:52
1m
Key Takeways
52:26
Sales & Legal
1m
Intro
00:00
3m
Lemonade Analogy
00:33
3m
Understanding Sales
03:09
5m
Sales Flow and Customer Interaction
06:11
4m
Identifying Decision Makers in Sales
10:52
6m
Message & Response Phase
15:13
5m
Sales Call Overview
21:19
14m
Common Mistakes | Sales Calls
26:01
14m
Sales Calls Tips
40:30
5m
Red & Green Flag Clients
54:21
2m
Post Sales Call
59:49
4m
Legal Considerations
1:01:49
2m
Sales as a Skill
1:05:25
Operation Management
1m
Intro
00:00
1m
Lemonade Analogy
00:38
9m
Explanation & Real Life Example
01:25
5m
Navigating Google Calendar
10:30
3m
Google Meet for Virtual Meetings
15:36
2m
The Importance of Email
18:47
17m
Essential Email Knowledge
21:11
2m
Common Email Terminology
38:09
2m
Email Organization
40:24
3m
Workflow Management Systems
42:50
3m
Exploring Notion
45:30
1m
Notion for Finance
48:34
4m
Notion for Workflow
49:52
3m
Summary
54:20
Business Development
1m
Intro
00:00
2m
Lemonade Analogy
01:18
2m
The Tree Chopping Analogy
03:41
2m
Understanding Opportunity Cost
05:12
4m
Setting Goals
06:47
3m
Setting SMART Goals
10:51
2m
Encouragement for Goal Setting
13:44
3m
Efficiency to Free Time
16:12
4m
Practical Tips & Suggestions
18:57
Module 5 Recap
1m
Course Conclusion and Reflection
00:00
2m
Recap Business & Freelance
00:44
1m
Leadership & Responsibility
02:38
1m
C-Level Executive Jobs
03:49
2m
Best Advice I've Gotten
04:28
2m
The Dangers of Tying Identity to Work
06:35
2m
Meaning Beyond Career Success
08:45
1m
Thank You – Stay Connected
10:27
Interested? In Module 5 - You can add it anytime.
Learn More
Requirements
- No prior Webflow experience needed — we start from the absolute basics.
- A laptop or desktop with a steady internet connection.
- A free Webflow account (we’ll set this up together in Module 1).
- An interest in learning how to design, build, and launch websites.
Perfect for
- Beginners who want to learn Webflow from scratch.
- Designers who want to turn static designs into fully functional websites.
- Freelancers looking to add Webflow to their list of services.
- Marketing professionals who want control over their own website updates.
- Small business owners who want to build and manage their own site without coding.
- Anyone wanting to transition from WordPress, Wix, Squarespace (etc) to Webflow.
- Creatives who want to build an online portfolio or showcase their work.
- Clueless or beginner freelancers who want a clear roadmap to start their business and know exactly what’s required.
This course is NOT FOR
- People looking for a get rich quick scheme.
- Those expecting to become a Webflow expert overnight without practice.
- Anyone unwilling to put in hands-on work, thinking they can just watch the content.
- Students expecting a course on Figma or design theory only — we focus on building in Webflow.
Course description
Build Beautiful, Professional Websites Without Code – And Get Paid For It. Dive into Webflow and learn how to design, build, and launch stunning, fully responsive websites from scratch. In this hands-on course, I’ll walk you through everything I know — from mastering the Webflow interface to building powerful CMS-driven sites, launching them like a pro, and turning your new skills into a thriving freelance business. Whether you’re starting fresh or adding Webflow to your toolkit, you’ll finish with the skills, confidence, and portfolio to win real projects.
In 2021, Derek taught this as an exclusive in-person class. Now, this proven and upgraded system is finally online — giving you the exact same training, no matter where you are in this under-the-sun world.
I learned Wed designing and Webflow development under guidness of Mr. Derek. I leanered alot from him in desinging and develpment. These 5 stars are not for only this. Its for the friendly people in the office and for the great teacher Mr. Derek sharing his ideas with us.
- Aashan.D Past Student
I did a web development program - Webflow and it was one of the best. Derek did his best to keep us engaged. Going to miss going there every Monday:(
- Nano.A Past Student
I learned web design and Webflow under Derek. I am now able to develop website from the beginning that WORKS. Derek is definitely one of the best coding and design teachers that I've worked with.
- Max. M Past Student
Course Updates & Roadmap
2nd Jan 2026 Small Updates & UX Improvements
COMPLETED
Yes guys I am still alive (haha) and happy new year to you all. Looking forward for another year! Just gotten back to re-visiting this course and I have done the following updates so far:
1/ Added a announcement bar (where applicable) for the Webflow Course stating Webflow has updated their UI and slowly rolling out new functionalities. But that being said this course is still 100% applicable (only the buttons in Webflow have changed positioning, etc).
The announcement bar also links to my Youtube channel which I have videos explaining each Webflow updates, so no student is confused.
2/ I also added a contact component to each module page (for both courses) so students can easily contact me if they have ANY questions (either relating to the module itself or other). This component also has my email address and a link to my booking page where students can book in a time with me.
3/ Lastly additional resources have been added to both my Freelancer and Webflow course
--
Looking ahead I really want to release more free premium resources for existing members and students.
Will definitely invest more time in improving this dashboard, providing paid with more value. Everytime I work on this, I actually become motivated (cause it's my own).
Till then - may peace be with you!
- Derek Siu
Written on 2nd Jan 2026
1/ Added a announcement bar (where applicable) for the Webflow Course stating Webflow has updated their UI and slowly rolling out new functionalities. But that being said this course is still 100% applicable (only the buttons in Webflow have changed positioning, etc).
The announcement bar also links to my Youtube channel which I have videos explaining each Webflow updates, so no student is confused.
2/ I also added a contact component to each module page (for both courses) so students can easily contact me if they have ANY questions (either relating to the module itself or other). This component also has my email address and a link to my booking page where students can book in a time with me.
3/ Lastly additional resources have been added to both my Freelancer and Webflow course
--
Looking ahead I really want to release more free premium resources for existing members and students.
Will definitely invest more time in improving this dashboard, providing paid with more value. Everytime I work on this, I actually become motivated (cause it's my own).
Till then - may peace be with you!
- Derek Siu
Written on 2nd Jan 2026
26th Aug 2025 Beta Launch!
COMPLETED
Creating this course has been a long journey — and it will continue to improve as time goes on. After taking community feedback, I’ve restructured it from one large course into two:
1/ Webflow Course (Modules 1–4)
2/ Business & Freelance Course (Module 5)
This change was made so you can choose the path that suits you best. You can start with one and upgrade anytime. It also means the pricing is more accessible — moving from $880 → $550 for the Webflow course, while still keeping the Freelance & Business module available separately.
Excited to finally share this with you all, and looking forward to seeing what you build with it. 🙌
- Derek Siu
Written on 26th August 2025
1/ Webflow Course (Modules 1–4)
2/ Business & Freelance Course (Module 5)
This change was made so you can choose the path that suits you best. You can start with one and upgrade anytime. It also means the pricing is more accessible — moving from $880 → $550 for the Webflow course, while still keeping the Freelance & Business module available separately.
Excited to finally share this with you all, and looking forward to seeing what you build with it. 🙌
- Derek Siu
Written on 26th August 2025
11th Aug 2025 Exclusive Soft Launch
COMPLETED
With so many delays to this course due to probably procrastination and client-work. I have decided to release it in stages and milestones (MVP + WIP) otherwise this course would bottle neck me and probably never get done / released.
The first early access will be provided to people who joined my waitlist (with a special exclusive offer & guaranteed acceptance) or the first 10 people who organically landed on my site.
I've also decided the backend tech to be done in Webflow x Memberstack for a more custom b-spoke feel which will greatly enhance user experience (+ I'll be able to bug fix all issues this way). Frankly speaking the other platforms such as Teachable, Kajabi, Thinkrific, etc looks very templatey. Also just a personal note I have spent 2 back to back days with very little sleep coding the backend of this dashboard - I was super passionate lol, like I couldn't sleep cause I was thinking of how to code and design this.
I look forward to continually updating this course and it's functionalities you can see the roadmap below. I also want to reduce client work from 85% to 50% to focus on my passion of delivering value to you guys. Also if you are reading this WOW, thanks again for investing in this course - I sincerely hope you found value and I would love to hear any feedback from you, just message me below.
- Derek Siu
Written on 10th August 2025
The first early access will be provided to people who joined my waitlist (with a special exclusive offer & guaranteed acceptance) or the first 10 people who organically landed on my site.
I've also decided the backend tech to be done in Webflow x Memberstack for a more custom b-spoke feel which will greatly enhance user experience (+ I'll be able to bug fix all issues this way). Frankly speaking the other platforms such as Teachable, Kajabi, Thinkrific, etc looks very templatey. Also just a personal note I have spent 2 back to back days with very little sleep coding the backend of this dashboard - I was super passionate lol, like I couldn't sleep cause I was thinking of how to code and design this.
I look forward to continually updating this course and it's functionalities you can see the roadmap below. I also want to reduce client work from 85% to 50% to focus on my passion of delivering value to you guys. Also if you are reading this WOW, thanks again for investing in this course - I sincerely hope you found value and I would love to hear any feedback from you, just message me below.
- Derek Siu
Written on 10th August 2025
Future Updates
PLANNED
On-going Bug Fixes
On-going Feedback implementation (if applicable)
CMS Rotating Welcome Message on Dashboard
Course Checklist using JSON as storage
Updating the Course to be built via CMS for easier updates and future plugin integrations
What's New Popup - Showcasing Changes Made
Show | Hide Password
Countdown Function + Coupon
Confetti Animations on Click
Profile Picture
UI Updates (ie. Going over with a fine comb)
Favouriting Course Items
Potential Commenting | Forum System?
Upvote Buttons
Meet your Instructor Derek Siu
I’m a Freelance UI/UX Designer and Webflow Developer, Pro & Top-Rated Seller on Fiverr, with over 7 years of industry experience, 200+ Webflow sites built, 88+ Free YouTube tutorials published, and 120+ clients served across diverse industries worldwide.
This course has been on my mind for the past couple of years, and I’m finally stoked to release it — sharing the real-world processes, shortcuts, and mindset shifts I wish I knew when I started. Webflow has been a game-changer in my career (this landing page is proof), and I want to fast-track your learning so you can create professional results faster.
This course has been on my mind for the past couple of years, and I’m finally stoked to release it — sharing the real-world processes, shortcuts, and mindset shifts I wish I knew when I started. Webflow has been a game-changer in my career (this landing page is proof), and I want to fast-track your learning so you can create professional results faster.
❤️ Special Shoutout
I was incredibly blessed to join a small startup as their first in-person employee, led by two humble, hardworking founders I saw as mentors (mentioned several times throughout the course). They invested in me, in Webflow, and graciously gave me multiple opportunities to learn, grow, and work across diverse industries and roles. I wouldn’t be releasing this course without them, and I’m forever grateful to them: Stefan Hammer and Romi Kebab.
— I praise God for placing them in my path.
— I praise God for placing them in my path.
Testimonials
View My Teaching Style
Carolina Pereira
@CarolinaPereira-kw8rw
Thank you for your video! Very easy to understand and apply. Following!
Trev.
@nikkiboo05
Webflow has been beating me! But, this has been such a great tutorial to follow. omg thank you!
Orlando D. Luna
@OrlandoDelgadilloLuna
While I love the official Webflow tutorials, their navbar one doesn’t teach how to build one from zero. Thank you so much for this.
Tatenda
@taten_da
Amazing, thank you so much, you really helped me wrap my mind around how this works.
Bernardo Paulo Jr
@bernardopaulojr5570
Easy to understand and follow! Another learning! Thank you sharing your knowledge!
Simon Côté
@simoncote4064
Thank you ! Im new to Webflow and this video answered all questions I had surrounding navbars.
Jonathan F
@jonathanf8662
Thank you so much. This is exactly the tutorial I was looking for. I appreciate the simplicity, specificity, and speed of the tutorial.
Lionel Tan
@lionelttl
This is great! Thanks for sharing. It gives me the 90's marquee vibes
Karmen
@discovering-more-now
This is so helpful! Thank you so much for sharing it!
Synder
@Synder
Man I was really struggling to make a nav bar and this tutorial is a gold mine thanks for uploading! Got a thumbs for great work!
LObB
@lobbwav
Just starting out with Webflow & i found this tutorial incredibly informative and helpful. Thank you Derek!
Akbar Badhsha
@akbarbadsha25
Super awesome tutorial. Not lengthy boring tutorial. Thanks for sharing.
Frequently Asked Questions
Do I need any Webflow experience before taking this course?
No — this course starts from the absolute basics and builds up to advanced features, so beginners are welcome. But so are people who have used Webflow prior - you would have no doubt skipped through something, that I cover in this course.
Do I need to know how to code?
Not at all - well kind of... I explain this in the course in great detail. But a high level summary you don't need to learn of to code in the traditional sense as Webflow does this for you automatically. But it is heavily beneficial to at thevery least understand the premise of code. Webflow at the end of the day is a no-code platform, and I’ll guide you through everything visually.
Will I be able to build client-ready websites after this course?
The reality is, in the course I am going to teach you all the tools you can use to build client-ready sites. As a Webflow developer it is your responsibility to practice these tools and understand each pros and cons to build a client ready website. It is also important to point out you will obviously need to apply what you have learnt.
What if I get stuck during the course?
You can rewatch lessons, use provided resources, and contact me for guidance where applicable. The course was also designed to be followed step by step (leaving no confusion). BUT my specific teaching style is not telling you to do X Y Z rather showing you whats possible, then I strongly encourge to play around with the concepts in your on ways.
Will I learn the Webflow CMS?
Absolutely. There’s a full module + an additional module dedicated to mastering CMS collections, references, filtering, and automation. After all CMS is literally a very powerful feature and most times necessity when building Webflow sites.
Can this course help me start freelancing?
Not really, this course focuses on the skill (ie. Service offering of Webflow) to help you start freelancing. However my Freelance & Business course 100% does. It covers business skills, pricing, marketing, and client communication. Along with basic fundamental business knowledge. This can be added on at any time.
Why is this course priced higher than others I’ve seen?
Because this isn’t just a set of random tutorials — it’s a complete, structured system that walks you from beginner to confident Webflow freelancer, built from 7+ years of real client work and 200+ site builds. The goal is to save you months (or even years) of trial and error, so you can start building professional sites — and earning from them — much faster. Many students recover their investment from their very first client project.
Have Any Further Questions?
I'm Always Down To Help.
I'm Always Down To Help.
Contact Me
Invest & Learn Today!
Beginner friendly — learn Webflow step by step and launch professional websites with confidence.
Originally $880
$550
USD
You already have an account and are logged in! Just launch your dashboard to start the course, or complete checkout to unlock access.
🥳 Originally $880 | Now $550 (core modules) — land 1 client & you’ve already profited!
Inclusion
Personal Dashboard & Login (built in Webflow) with great User Experience
4 Structured Modules to learn Webflow Fast and Proper
10+ hours of Beginner Friendly Content
5+ Resource Files
Access
Online at your own pace
Lifetime Access + Future Updates
Guided Feedback & Advice
Last updated: 2nd January 2026
view all updates
view all updates
