Derek SIu Logo Icon Orange
Courses
New!
Courses
New!
Services
About
Works
Free Resources
Contact Me
Let's Talk
Derek Siu Headshot Image
Connect With Me
Let's Talk
Derek Siu Headshot Image

Derek Siu | 🇦🇺 Australia

Youtube Content creator providing beginner-friendly Webflow tutorials, UI/UX design insights + freelance knowledge.
Youtube Icon
4,500+ Niche subscribers
Originally $880
$550
USD
Buy Course
Schedule Discover Call
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!
Access
Online at your own pace
Lifetime Access + Future Updates
Guided Feedback & Advice
Last updated: 2nd January 2026
view all updates
Derek Siu Headshot Image

Passionate about providing quality long-form content for my niche 4,500+ Youtube audience. Seeking authentically aligned sponsorships.

Previous Partnerships

Webflow
Certified Partner, Affiliate & Dedicated Videos
Fiverr
Certified Pro, Affiliate
& Top Seller
Relume.io
Dedicated Video
& Affilate
Tella.TV
Affiliate
Elf Sight
Affiliate
As a Freelance UI|UX Designer & Webflow Developer, I've worked with:
Currently I only post long form content (ie. no YT shorts) which provides more exposure

Youtube Stats

youtube.com/@dereksiuau
Demographics
Tech & Programing + Education
Engagement Rate
9.33%
Avg. views
Dedicated Video
& Affilate
Total Videos
150+
My Niche Audience
Interests
150+
Gender
Tech & Programing + Education
Age
9.33%
Top Countries
Dedicated Video
& Affilate

As a Freelance UI|UX Designer & Webflow Developer, I've worked with:

www.dereksiu.com.au
Demographics
Tech & Programing + Education
Engagement Rate
9.33%
Avg. views
Dedicated Video
& Affilate
Total Videos
150+
My Niche Audience
Interests
150+
Gender
Tech & Programing + Education
Age
9.33%
Top Countries
Dedicated Video
& Affilate
Diverse Industries, 150+ Founders, 150+ Established Brands, Network.

Recent Success Stories

youtube.com/@dereksiuau
Webflow Navbar Tutorial
Affiliate link
2,458 total link clicks
54 total signups
$9,800USD referred to Webflow (ongoing subscription)
75,000+ brand exposure views  
Relume.io
Dedicated Video created
2.7K+ views
Top #1 ranked video on YT "Relume ai"
10~ people referred (ongoing subscription)
Lifetime video hosting

Let's Work Together

youtube.com/@dereksiuau
Long-Form Video Integration
From $700
2,458 total link clicks
54 total signups
$9,800USD referred to Webflow (ongoing subscription)
75,000+ brand exposure views  
Dedicated Video
From $400
Affiliate link
2,458 total link clicks
54 total signups
$9,800USD referred to Webflow (ongoing subscription)
75,000+ brand exposure views  
Custom Collaborations
Affiliate link
2,458 total link clicks
54 total signups
$9,800USD referred to Webflow (ongoing subscription)
75,000+ brand exposure views  

How it works

Choose your package

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.

Jump on a discovery call (if needed)

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.

50% Deposit Payment + 50% Upon Conclusion

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.

Video Goes Live! - Cross Promote

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.
Of Course not all needs are the same,
Have Any Further Questions? I'm Always Down To Help.
Contact Me

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.
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 Dec 25 - Jan 2026
Webflow Updates in 31st October 2025
Webflow Updates | 1st October 2025
Webflow Updates | November 2025
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
Black Play Icon
Dereksiu.com.au - Derek Siu
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

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

‍

Five diverse individuals standing indoors in front of a screen displaying New Motion Academy and Community Migrant Resource Centre logos, three holding certificates of completion and smiling.
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.
Smiling man holding and pointing to a certificate of completion with a New Motion Academy logo on a screen behind him.
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
Young woman with long dark hair smiling and holding a certificate of completion.
Smiling young man in a white shirt standing in front of a screen displaying the New Motion Academy logo.
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

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

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

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

Get to know me more 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.
140+ | 5.0
Client Logos showing: Nutrition Station, UFC Gym, UTS, HBSPCA, Fiverr
7+ years of exp
Webflow Certified Partner badge with blue checkmark.
Google Icon
Reviews
Youtube Icon
4,500+ Niche subscribers
Youtube Icon
100+ Newsletter
Derek's Freelance Clients showing 5 headshots
1,000+ Students Taught
❤️ 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.
Illustration of a man with dark hair, beard, and mustache wearing a black suit and tie.Illustration of a man with dark hair, beard, and mustache wearing a white shirt on a light gray background.
Derek Siu Headshot Image

Derek Siu

@dereksiuau
🇦🇺 Australia
Youtube Icon
4,500+
Youtube Icon
300+
Let's Work Together

Previous partnerships

Insights & Data

Derek's Freelance Clients showing 5 headshots
120+ Happy Clients
Webflow Blue Logo Icon
 Webflow EXPERT
140+ | 5.0
Client Logos showing: Nutrition Station, UFC Gym, UTS, HBSPCA, Fiverr
7+ years of exp
Webflow Certified Partner badge with blue checkmark.
Google Icon
Reviews
Youtube Icon
4,000+ Niche audience
Fiverr Pro Logo
Verified
Derek's Freelance Clients showing 5 headshots
120+ Happy Clients

Sydney-Based Freelance UI | UX Designer, Webflow Expert & Educator — Providing Quality Websites, Done Right.

Dereksiu.com.au - Derek Siu sitting at his office desk smiling at the camera in a friendly manner with Webflow project in the background
Dereksiu.com.au - Derek Siu working on client Webflow project at his office

In this under-the-sun world, I started my career in marketing and graphic design which taught me how to think beyond aesthetics — to create digital experiences that communicate, convert, and grow with a brand. That foundation naturally led me into the world of Webflow Development, where I discovered the perfect balance between creativity and control.

Since then, I’ve built websites that not only look great but actually work — for founders, creatives, and teams who see their website as a growth tool, not just a design piece. In 2021, I began sharing my knowledge through online tutorials and mentoring students, and in 2025, I launched two online courses — one on Webflow and another on Freelance & Business.

Circular Text saying "Hello Nice to meet you"Derek Siu Headshot Smiling

👋 G'day mate, I'm Derek Siu, a Freelance UI/UX Designer & Webflow Developer based in Sydney, Australia. With 7+ years of industry experience, I help design, build, teach and maintain Webflow websites that grow with your business.

Not Just A Website.
Not Just A Developer.
A Rounded Long-Term Digital Partner You Can Actually Rely On.

Derek Siu Headshot Image
Let's Talk
About Me
Your Developer
Sketch LogoFigma LogoAdobe XD LogoAdobe Ilustrator LogoAdobe Photoshop Logo
Your Designer
Your Automator
Memberstack LogoMailchimp LogoNotion LogoZapier LogoGoogle Analytics Logo
Your Educator & Mentor
Your Trusted & Skilled Expert
7+ years
Industry Experience
120+
Happy Clients
350+
Projects Completed
Black Play Icon
Dereksiu.com.au - Derek on a Zoom call with 2 clientsDereksiu.com.au - Working as a freelance web designer and Webflow developerDereksiu.com.au - Working on Webflow project

Have a Project in Mind?

Let’s Talk, Click Here
Tap To Hire Me!
Let’s Talk,
Tap Here

And Let's Make It Happen