MASTERCLASS: LEARN TO CRAFT AWARD-WINNING LEVEL WEBSITES
Tier IV Price 🔥⚡
$1,299.00 $899.00

Memorable Web Experience
$899.00

In this Masterclass, we’ll go through the exact workflow used to craft memorable web experiences, award-winning-level websites, blending design, motion, 3D, and code into a single cohesive experience.

1
  • Duration: 6 Weeks
  • Begins on: March 2nd
  • Figma, Blender, Custom Code
  • No Code Lessons (Webflow)
  • Certificate of completion
  • Progress Tracking
  • Lifetime-Access
  • Downloadable Material
  • English (w. Captions)
  • Real Project
Taxes and shipping calculated at checkout
Only 8 Spots Available
OFFICIAL SPONSORS:
WHY IS IT CONSIDERED

The Ultimate Guide for Award-winning-level website?

7+ YEARS OF CRAFTING WEB EXPERIENCES COMPILED IN ONE EXCLUSIVE PLACE

You'll start by learning the basics of design, progressing through a web masterpiece, including the principles of web design, key considerations for a memorable web experience, and the tools and techniques used by award-winning developers. You'll then move on to more advanced topics, such as creating animations with advanced timelines, text animations, smooth transitions, parallax animations, mouse interactions, and much more.

SEE PROJECT
001

CHAPTERS INDEX

  • 001

    THE CONCEPT

    Moodboards, references, and art direction. Inspiration gathering, and how to define an experience before touching design or code.

  • 002

    THE DESIGN

    Design systems, layout, and Figma workflow. Design with motion, depth, and interaction in mind — not just static screens.

  • 003

    THE ASSETS

    AI Tools & Blender workflows. Create and optimize custom visual assets using AI and 3D tools.

  • 004

    THE NO CODE

    Webflow & Native Interactions. Bring designs to life using and prepare the project for custom animation and code extensions.

  • 005

    THE CUSTOM CODE

    The advanced timeline feature is a powerful tool for creating complex and synchronized animations.

  • 006

    ANIMATIONS & INTERACTIONS

    Dive into advanced GSAP animations, shaders, and WebGL to create pleasing visual effects and transitions.

  • 007

    THE 3D / WEBGL

    Dive into advanced animations, shaders, and WebGL techniques to push beyond standard interactions and create immersive visuals.

  • 008

    THE DEPLOY

    Optimize performance, deploy the site, and understand how to present and ship a polished, professional experience.

  • 002

    COURSE CONTENT

    CHAPTER 002

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi modi magni harum explicabo suscipit numquam asperiores aliquam alias, molestiae ad doloribus ipsa dolores, praesentium minus! Cum culpa ut omnis facilis!

    CHAPTERS
    Duration

    • OVERVIEW AND SETUP

      4 Lectures (12min)

      00. Introduction & Overview
      01:19
      01. Masterclass Preparation
      00:53
      02. Setup and Install
      05:38
      03. Folders and Files
      05:04

    • FOUNDATION OF ANIMATIONS

      10 Lectures (66min)

      01. Learning methods: .from(), .to(), .fromTo()
      11:26
      02. Staggering
      06:55
      03. Easing
      04:48
      04. Delay
      03:46
      05. Loops
      03:54
      06. Wrap
      07:44
      07. Callbacks
      04:39
      08. Timelines
      06:08
      09. Position Parameters
      10:20
      09. Control Timeline
      06:04

    • ADVANCED ANIMATIONS

      10 Lectures (120min)

      01. Smooth Scroll
      02:31
      02. Paallax
      05:46
      03. Animations on Scroll
      10:55
      04. Text Animations
      10:50
      05. Preloader Animation
      10:24
      06. Sliders
      21:23
      07. Falling Models (WebGL)
      13:00
      08. Infinite 3D Slider (WebGL)
      17:00
      09. Fake 3D Image (WebGL)
      10:24
      10. Fruits Trail (WebGL)
      10:24

    • BRAINSTORMING THE EXPERIENCE

      04 Lectures (TBD)

      01. What's a Web Experience?
      TBD
      02. Key Points for a Web Experience
      TBD
      03. Creating a Moodboard
      TBD
      04. Design Decisions (Art Direction)
      TBD

    • CRAFTING THE EXPERIENCE

      02 Lessons (TBD)

      05. Figma in Action
      TBD
      06. Design Components
      TBD

    • BUILDING THE EXPERIENCE

      02 Lessons (TBD)

      07. Webflow in Action
      TBD
      08. Webflow Interactions
      TBD

    • CREATING ASSETS

      03 Lessons (TBD)

      09. Videos & Images Creation
      TBD
      10. Implementing Media Content
      TBD
      11. Blender Assets (3D)
      TBD

    • CUSTOM CODE

      04 Lessons (TBD)

      12. WebGL and Custom Code Implementation
      TBD
      13. Interactions with iX3
      TBD
      14. Custom Animations
      TBD
      15. WebGL Components
      TBD

    • WRAP UP & DEPLOY

      02 Lessons (TBD)

      16. Custom code for Deployment
      TBD
      17. Wrapping Up Project
      TBD
The Highlights
  • COMMUNITY
    Learn in a Community Environment
    (Weekly Online Meetings 🖥️ ♻️)

    The best part is that you be learning all this in a community environment.
This is crucial to make your learning experience more linear and efficient.
Everything inside a dedicated Discord Channel.

  • CODING
    WebGL and Shaders
    (GSAP animations, WebGL & GLSL)

    The best part is that you be learning all this in a community environment.
This is crucial to make your learning experience more linear and efficient.
Everything inside a dedicated Discord Channel.

  • ASSETS
    Craft Dedicated Assets
    (3D Models, Images, Videos)

    Create and optimize custom visual assets using AI and 3D tools. From ideation to export, you’ll learn how to build assets ready for real-time web performance.

  • Design
    Brainstorming the Experience
    (Moodboards, references, and art direction)

    Learn how to translate abstract ideas into a clear, creative vision. We’ll explore storytelling, inspiration gathering, and how to define an experience before touching design or code.

  • BONUS
    Bonus: Our 20 most-watched lessons.
    (Start Learning Right Away)

    As part of your preparation for the Masterclass, I’ll be sharing a bonus with you. You’ll get access to the 20 most-watched and most-engaging lessons on our platform. These lessons are designed to pave the way for a smooth and efficient learning journey.

CREATIVE ECO-SYSTEM
  • + 08
    Development Tools
  • + 04
    Generative Tools
  • + 03
    Design Tools
INSTRUCTOR

VICTOR WORK

In just a few years of my career, Victor has achieved a place in the international market and become a world-renowned creative developer and designer.

WHO AM I?

AN ANIMATION LOVER

Today, I work with clients and partners on six continents around the world. A look based on details and a creative mind helps me give life and translate the perfect pixels from UI & UX to the browser using animations

Emphasizing the statics model into a memorable and interactive experience, perfectly aligning the sense between effects and animations, I usually rely on advancing and improving browsers to break barriers and make the web a place.

REEL

HIT THE PLAY

AWARDS AND RECOGNITIONS AROUND THE WEB.
still counting
AWARDS PLATFORMS
AWWWARDS
FWA
BEHANCE
CSS DESIGN AWARD
MUZLI
CODROPS
RECOGNITIONS

As a person who loves to push boundaries and who focuses on breaking the barriers, being recognized always makes me feel like I am heading in the right direction. I hope that they inspire you to achieve great things.