Ultimate Webflow Course

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.

Derek Siu Headshot Image
Taught with love by:
Derek Siu
100+
Derek Siu Youtube Comment Headshots
4.9
Beginner Friendly
100+
Derek Siu Youtube Comment Headshots
4.9
Beginner Friendly
You already have an account and are logged in! Just launch your dashboard to start the course, or complete checkout to unlock access.
🥳  Introductory Launch Price — Save $117  Promo ends Sept 12th, 2025.
Inclusion
Beginner Friendly Content
4 Indepth Modules + BONUS 5th Module on Freelance & Business valued at $297
16+ hours of content
5+ resource files
Access
Online at your own pace
Lifetime Access + Future Updates
Guided Feedback & Advice
Last updated: 13th August 2025

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
Advanced Tools & Plugins 
Business & Freelancing
Webflow CMS
Many More

Course Outline

16hr+ Total Content
5 Total Lessons

Module 1: Webflow Fundamentals

4hr+
10+ Lessons
This Module is 98% Recorded and 98% Edited. Content just needs to be uploaded to backend + timestamps added. Please check again soon. That being said below is a high level of what we will be covering:


Pre-Introduction

  • Meet the Mentor Behind Your Webflow Journey
  • Job Opportunities & Careers
  • How Websites Work
  • What is Webflow
  • Let’s Master Webflow

  • Get Started with Webflow
  • Webflow Interface Overview
  • Understand Coding (visually)
  • Webflow Interactions
  • Responsiveness
  • Common Mistakes to Avoid

    Also Included
  • Downloadable Webflow Resources
  • Follow Along Figma Design
  • Module 2: Webflow CMS

    2hr
    10+ Lessons
    This Module is 98% Recorded and 98% Edited. Content just needs to be uploaded to backend + timestamps added. Please check again soon. That being said below is a high level of what we will be covering:

  • What is CMS & Benefits
  • Collection Basics
  • Structuring Your CMS
  • Collection Pages
  • Referencing & Multi-reference Fields
  • Native Filters & Sort Order
  • CSV Import/Export
  • Pagination
  • Creating from Scratch
  • Finsweet Filter Attribute

    Also Included
  • Downloadable Webflow Resources
  • Follow Along Figma Design
  • Module 3: Launch, SEO & Client Handoff

    1.5hr
    10+ Lessons
    This Module is 98% Recorded and 98% Edited. Content just needs to be uploaded to backend + timestamps added. Please check again soon. That being said below is a high level of what we will be covering:

  • First Time Publishing a Client Site
  • Basic SEO Checklist
  • Staging vs Live Sites
  • Going Live (Hosting + DNS)
  • Webflow Workspace Handover
  • Connecting Forms
  • Different Roles / Modes
  • Webflow Comments
  • Webflow Editor Tutorial
  • 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.64
    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

    BONUS 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

    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.

    Meet your Instructor Derek Siu

    Dereksiu.com.au - 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.
    ❤️ 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.
    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 or Business experience before taking this course?

    No — this course starts from the basics and builds up to advanced features, so beginners are welcome.

    Do I need to know how to code?

    Not at all (well kind of... I explain this in the course in great detail). Webflow 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.

    Will I learn the Webflow CMS?

    Absolutely. There’s a full module + an additional module dedicated to mastering CMS collections, references, filtering, and automation.

    Can this course help me start freelancing?

    Yes — Module 5 covers business skills, pricing, marketing, and client communication. Along with basic fundamental business knowledge.

    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.
    Contact Me

    Invest & Learn Today!

    Beginner friendly — build and launch Webflow sites, and learn the business skills to turn them into paid projects, fast.
    Originally $997
    $880
    USD
    Secure Early Access
    Limited to 10 Spots
    Launch Course
    You already have an account and are logged in! Just launch your dashboard to start the course, or complete checkout to unlock access.
    🥳  Introductory Launch Price — Save $117  Promo ends Sept 12th, 2025.
    Inclusion
    Beginner Friendly Content
    4 Indepth Modules + BONUS 5th Module on Freelance & Business valued at $297
    16+ hours of content
    5+ resource files
    Access
    Online at your own pace
    Lifetime Access + Future Updates
    Guided Feedback & Advice
    Last updated: 13th August 2025