Level: Fortgeschritten
Video Kurs

Webflow Expert Course

Take on the projects others have to turn down.
Zugang Sichern
Presented by
Expert
Kit.
Learn to build any Website

Course Trailer

Advanced techniques for experienced Webflow developers. Build complex layouts, CMS configurators and Stripe-powered shops.
Jonas
Arleth
.
.




.
Webflow Expert Course
01
162+
Already joined
02
10
Hours
03
70+
Lessons
04
14 Days
Money-back guarantee
05
Ready-made template included
You don’t learn features. You learn the thinking and workflows behind high-end client projects.
Sven
Sven
Designer & Web Designer
Web Designer
Clean, scalable and ready for real client work.

The courses go far beyond learning tools. They focus on how to build Webflow projects properly — not just how to copy techniques.

Sound familiar?

The point where most people get stuck.

  • You know Webflow well, but when it comes to complex client projects, you lack the techniques and workflows to build them with confidence.
  • You want to build configurators, interactive product demos, or advanced animations, but you’re not sure how all the pieces fit together.
  • You’re looking for a lean shop solution where a simple Stripe Checkout is all your clients need, without relying on Webflow E-Commerce.
  • You’ve found tutorials on Custom CSS, Finsweet, CMS, and JavaScript, but no course that brings everything together into one professional workflow.
  • Your projects work, but they still don’t match the quality, performance, and scalability of high-end studio websites.
Your solution

This course bridges that gap. You’ll work through real-world scenarios drawn from challenges I’ve solved in actual client projects. Together, we’ll build complex layouts, a CMS-powered configurator, modern animations, and e-commerce solutions with Stripe Checkout, all managed through the Webflow CMS. Everything is taught step by step, with no coding experience required.

After the course

The skills you've been missing.

Learn techniques and workflows you can apply directly to your next client project.

Larger projects, higher rates

Take on the kind of client projects that many Webflow freelancers turn down, and justify higher project rates.

Shops without Webflow E-Commerce

Build simple shop solutions with Stripe Checkout instead of Webflow E-Commerce.

Websites that stand out

Stand out from standard websites with interactive product demos, configurators, and high-quality animations.

No more guesswork

Know exactly which techniques to use and when, instead of piecing everything together from tutorials and forums.

Additional benefits

Get the complete Webflow project from the course as a template, ready to use in your own client projects.

Use all Custom CSS snippets and Finsweet Attributes directly in your own projects.

What you'll build

A preview of the course

Every technique is taught using a real-world layout. You watch, then you build it yourself.

The Webflow template is yours to use freely for client projects
Everything built in this course is available to you as a ready-to-use Webflow project. Copy, customize, and get started.

Free lessons from the course

Autoplay tabs layout 2 like the Webflow homepage with video content
Autoplay tabs layout 2 like the Webflow homepage with video content
16:02

Curriculum

All 70+ Lessons

Over 70 lessons across six modules. Learn through real-world project scenarios based on solutions I’ve used in actual client projects.

Videos
70+
Chapter
6
Duration

10H

Modul 01

Intro

2 videos
01
Welcome! An important note (+ a gift for you)
02:00
02
Style guide prep, CSS variables and base setup
04:30
Modul 02

Mastering Advanced Layouts & Animations

26 videos
01
Building the main navigation
31:40
02
Optimizing the main navigation for responsive and key extra settings
09:00
03
Main navigation animation
17:30
04
Design and CSS animation of a link button with component variants
22:20
05
Building a button toggle with icon as a component
22:10
06
Adding components to the main navigation and styling with custom CSS
07:00
07
Gradient graphic hero
10:00
08
Badge animation on scroll
05:30
09
Building a 3D box in Webflow
16:00
10
Content hero with video teaser popup
05:10
11
Creating a modal / popup component with CSS animation
17:30
12
Positioning trick for the background hero and building the table
07:10
13
Responsive design hero
10:50
14
Box animation
07:40
15
Page load animation hero
05:40
16
Fullscreen tabs section base setup
08:20
17
Simple section overscroll effect
Simple section overscroll effect
06:00
18
Animating the tab transition with CSS
04:30
19
Setting up autoplay tabs functionality
Setting up autoplay tabs functionality
07:10
20
Autoplay tabs button animation
Autoplay tabs button animation
04:43
21
Autoplay tabs layout 2 like the Webflow homepage with video content
Autoplay tabs layout 2 like the Webflow homepage with video content
16:02
22
Responsive design tabs
07:10
23
Animating numbers in on scroll
03:40
24
CMS grid with dialog / modal / popup functionality
CMS grid with dialog / modal / popup functionality
14:30
25
Hero section overscroll effect
Hero section overscroll effect
09:40
26
Light / dark mode toggle with Webflow variables color management
Light / dark mode toggle with Webflow variables color management
12:07
Modul 03

Interactive 2D & 3D Product Showcases

7 videos
01
Building the 3D product showcase section design
06:40
02
Preparing a 3D Spline object and exporting it as an image
04:20
03
Creating and exporting a 3D object video animation
05:30
04
Click-based image zoom effect via attribute coordinates with popover
Click-based image zoom effect via attribute coordinates with popover
09:50
05
3D video animation on button click (better for performance)
07:40
06
Lazy loading a Spline 3D object on click with fullscreen popup animation
11:03
07
Converting 3D videos into Lottie and animating them
Modul 04

CMS Configurator with Payment Functionality

12 videos
01
Configurator – course module preview
Configurator – course module preview
02:30
02
Setting up the CMS collections
06:10
03
Building the configurator design
11:10
04
Adding the filter functionality
11:50
05
Building the radio button design
Building the radio button design
11:30
06
CMS lightbox gallery with slug group names (working around a Webflow limitation)
02:50
07
Controlling the light beam color change via the CMS
02:51
08
Custom CSS animation for the CMS Attributes filter system
06:50
09
Positioning an info point on the product via the CMS
03:30
10
Popover functionality on the product with explanation
07:50
11
Configurator responsive design
06:20
12
Optimizations and bug fixes
09:10
Modul 05

Simple Stripe Checkout (No-Code)

3 videos
01
Pros and cons of Stripe versus Shopify or Webflow E-Commerce
07:20
02
Creating products and checkout links in Stripe
07:10
03
Stripe app in Webflow
Modul 06

Shop System with Cart & Stripe Checkout

14 videos
01
Who is this solution right for, and which clients not?
04:30
02
Setting up Webflow CMS with AI-generated content and CSV import
05:10
03
Building the product overview page as a component
11:20
04
Adding Finsweet Attributes CMS filter and sort functionality
11:07
05
Building the product detail page design
11:50
06
Linking to other product variants
03:50
07
Shop cart design and build
Shop cart design and build
08:40
08
Cart toggle and modal window functionality
05:50
09
Building a custom JS cart function
13:20
10
Building a quantity counter with plus/minus buttons
07:00
11
Implementing the cart total
02:30
12
Quick cart: adding add-to-cart to the product overview
04:30
13
Creating a sales tag with percentage calculation from two prices
01:40
14
Generating Stripe checkout with MAKE
13:40
What we work with
Webflow
Webflow
Stripe
Stripe
MAKE
MAKE
Finsweet Attributes
Finsweet Attributes
Spline
Spline
Figma
Figma
Webflow Expert Course

Is this course right for you?

For you if…

  • You’ve already mastered Webflow and want to take your skills to the next level.
  • You want to build complex layouts, animations, CMS configurators, and e-commerce solutions with confidence.
  • You want to take on projects that go beyond standard business websites.
  • You’re a freelancer, agency, or in-house developer looking to tackle more technically demanding client projects.
  • You’ve completed the FORMBURG Beginner Course or already have equivalent Webflow experience.

Not for you if…

  • You’re just getting started with Webflow. If that’s the case, start with the FORMBURG Complete Course.
  • You’re not yet confident with responsive design, classes, or the CMS.
  • You mainly build simple marketing websites without advanced functionality.
  • You’re looking for ready-made solutions without understanding how they work.
Beginner Course

New to Webflow?

Start with the complete course first, then come back for this one.
View course
Your instructor

Built on experience, not theory.

Jonas Arleth
.
.
Founder &
Instructor

FORMBURG was founded by Jonas Arleth, a Webflow designer, developer, and educator with years of practical experience. All content is based on real projects, proven workflows, and insights from daily work with Webflow.

For years, Jonas has been sharing his knowledge through tutorials, resources, cloneables, and an established Webflow podcast.

  • Winner of the Webflow × Contra Challenge 2025.
  • Featured twice on the main stage at Webflow Conf.
  • Awarded GSAP Site of the Day.
  • FORMBURG community templates have been cloned over 60,000 times.
  • Since 2018, I have been sharing Webflow knowledge publicly through hundreds of free YouTube tutorials.

From the community

Real results from Webflow powerusers, freelancers, and developers.

Alexander Sprogis
Alexander Sprogis
Product Engineer & Mitgründer von VisualMakers
Product Engineer
FORMBURG helped us bring structure into our Webflow projects.

The focus on real workflows and clean systems made a noticeable difference in our day-to-day agency work.

Aleks
Aleks
Web Designer
Webflow mastery, explained well

So far I've found the course great, even though I've only just completed the basics. I am already partially self-employed together with a partner. I'm looking forward to getting started and would like to say thank you for so much great content.

Alexander S.
Alexander S.
Co-Founder VisualMakers
Learned a lot despite prior experience

Jonas really doesn't leave any questions unanswered with his Webflow course. Although I have already worked with Webflow, I was able to learn a lot of new things and consolidate my knowledge. A particular highlight for me was the “Animations” chapter.

Recently
joined

.
.
Eduard
Webdesigner



.
.
.

GSAP Coder
Recently
joined

.
.
Alexandra
UI/UX Designer



.
.
.

UI/UX Design
Recently
joined

.
.
Sven
Designer & Web Designer



.
.
.

Web Designer
Recently
joined

.
.
Nikolaus K.
Web designer and Founder of KolbaMedia



.
.
.

Agency Owner
Recently
joined

.
.
Sebastian G.
Web Designer in Healthcare
Recently
joined

.
.
Aleks
Web Designer
Recently
joined

.
.
Miriam K.
Communication Designer
Recently
joined

.
.
Doris P.
Communication Designer
982
Professionals
.

1.302
More than 928 professionals use FORMBURG courses to take their skills to the next level.
Read all 50+ reviews
Recently
joined

.
.
Alexander Sprogis
Product Engineer & Mitgründer von VisualMakers




.
.
.
.

Product Engineer
Recently
joined

.
.
Alex W.
Web Designer
Recently
joined

.
.
Elmira R.
UX/UI Designer
Recently
joined

.
.
Sabine R.
Marketing Automation Expert
Recently
joined

.
.
Ben M.
Student / Web Design
Recently
joined

.
.
Mika H.
Web Designer
Recently
joined

.
.
Nils D.
Student, Intermedia Design
Recently
joined

.
.
Chris G.
Web Designer
.
.


If you're not satisfied, you don't pay
If you're not happy, just send me an email within the first 14 days and I'll give you a 100% refund. No questions asked. Guaranteed!
Pricing

Start building at a different level.

Pay once. Lifetime access. No subscription.
English Version

Webflow Expert Course

449€
599€
Or 3 payments of 165€
Included
Webflow project template
for free use in client projects
Figma design file
Included
Direct support
Via the course comment function or chat
  • 70+ video lessons – 10 hours of video content
  • Lifetime access including all future updates
  • Resolve questions & issues directly via chat
  • Figma design file included
  • Webflow project template with everything we build
  • Bonus downloads
  • Certificate of completion
Buy course
🔒 14-day money-back guarantee
Bundle
Save 30% on every additional course
English Version
Bundle deal -30%

Webflow GSAP Interactions Masterclass

140€
199€
Or 3 payments of 52€ instead of 72€
Inclusive
Webflow project template
for free use in client projects
Figma design file
Included
Direct support
Via the course comment function or chat
  • 23 practical video lessons – 3 hours of focused content
  • Lifetime access including all future updates
  • Resolve questions and issues directly via chat
  • Quiz after every lesson
  • Certificate of completion
🔒 14-day money-back guarantee
FAQ

Frequently Asked Questions

Still unsure?
Jonas answers questions directly within the course lessons and is even happy to help before you make a purchase.
Questions

Yes. The Expert Course picks up exactly where the beginner course leaves off: complex layouts, creative problem-solving, advanced animations, and techniques for building unique, sophisticated projects. These topics go far beyond the fundamentals and require a solid understanding of Webflow.

Yes, there's a 14-day money-back guarantee, no questions asked.

The starter course teaches you Webflow from the ground up. The Expert Course is built for experienced users and solves complex challenges: advanced layouts, CMS configurators with payment functionality, a shop system with cart and Stripe checkout, and pro-level animations. It assumes you already move confidently in Webflow.

No. We work with custom CSS and some JavaScript for the shop and cart functions, but everything is explained step by step. You don't need prior coding knowledge, though a solid understanding of Webflow is required.

I've adapted the Client First style guide to my needs and derived a lot from it, though some things are named differently. The structure is very similar and compatible. If you understand the approach from my course, you'll easily be able to build a project entirely following Client First.

Yes. With your purchase you get lifetime access, including all existing content as well as all future updates and new modules. One-time payment, all-inclusive, no additional costs.

I recommend two lessons per day to stay on track and see quick results. Even with client projects or a full-time job, half an hour a day is manageable. Most videos are 8 to 15 minutes long, which adds up to 2 to 4 hours per week. Since you have lifetime access, you can also learn at your own pace.

Yes. Once you've completed 80% of the course, you'll receive a personalized certificate as a PDF. Just reach out with the name you'd like on it and your order number, and I'll verify your progress.

Lifetime access. You even get all future updates and new learning modules I add over time for free.

Yes. There's a comment function under each lesson, which I answer once a week. If you hit a bigger issue and get completely stuck, you can also reach me directly via chat.

01
162+
Already on it
02
10
Stundeni
03
70+
Lessons
04
14 Tage
Money-back guarantee
05
Ready-made template included

Certificate of Completion

Proof that you did the work.

Request after 80% completion by email with your order number.
  • Issued as a personalized PDF with your name
  • Share on LinkedIn, upload to your portfolio, or send to clients as proof of your skills
  • Request via email with your order number after completing 80% of the course
Ready?

Ready to take on the projects others turn down?

Join web designers, freelancers, and agencies who are taking their Webflow skills to the next level with FORMBURG.

Buy course
One-time payment • Lifetime access • No subscription
 • 14-day money-back guarantee