November 18, 2025 - 9:30am to 4:30pm Central Standard Time
▶ ︎LIVE NOW

Award-Winning Marketing Websites

Matias Gonzalez
basement studio
Award-Winning Marketing Websites

This Workshop's Online Chatroom is Currently Open!

This workshop has ended. Check back soon for the recording!

You can watch a replay of this workshop!

Spend a full day crafting high-impact marketing websites with Matias Gonzalez, the creative force behind Next.js Conf and Cursor.

Key Takeaways

By participating along with us in the workshop, you'll learn:

  • Understand the creative and technical principles behind standout marketing websites
  • Learn how and why to use React for building custom marketing experiences
  • Integrate timeline-based video, animation, and shader effects into interactive pages
  • Analyze and improve performance using requestAnimationFrame, frame drop detection, and device/GPU profiling
  • Walk away with a real-world creative project you can build on and showcase

Is This Workshop for Me?

Are you a frontend developer looking to level up your creative coding skills? Do you build websites for clients or products and want to make them stand out? Are you curious how world-class marketing sites combine motion, visuals, and performance? Then this workshop is for you.

Workshop Details

What makes a marketing site award-winning? In this full-day workshop, Matias Gonzalez shares the creative and technical playbook behind some of the internet’s most talked-about websites. From Vercel’s Next.js Conf to MrBeast’s promo sites and the Cursor editor homepage, Matias walks through the design and development patterns that power high-impact landing pages. You’ll explore the philosophy behind choosing React over vanilla JS, then dig into motion timelines with video, animation, and shaders. To bring it all together, you’ll learn how to unify these effects with requestAnimationFrame and debug performance bottlenecks by detecting device capability, GPU strength, and dropped frames. Whether you’re a developer, designer, or hybrid, you’ll leave with inspiration and tools to craft your own award-winning web experiences.

Any Prerequisites?

  • Experience with HTML, CSS, and JavaScript is required
  • Familiarity with React is recommended but not strictly necessary
  • Bring a laptop with a modern web browser (Chrome or Firefox preferred)
  • Have a code editor (like VS Code) and Node.js installed

Attend Online Live and in Full HD

Or Join In Person from Downtown Minneapolis
Get Your Questions Answered
Code Along with the Class
Classroom Format

You're Registered to Attend Online!

You'll receive additional details and a reminder via email as the event draws near.

Award-Winning Marketing Websites

Event Details

What

  • One Full Day Workshop Session
  • Replay Videos (available immediately)

When

  • November 18, 2025 - 9:30am to 4:30pm Central Standard Time

Where

  • Option 1: Attend online on our full HD live stream
  • Option 2: Attend in-person at HQ in Minneapolis, MN

Daily Schedule

  • 9:40AM
    Welcome & Workshop Overview
  • 10:00AM
    Why React? When to choose frameworks vs vanilla
  • 10:30AM
    Tooling for award-winning sites (stack, libraries, mindset)
  • 11:00AM
    Timeline-based development: syncing video and animation
  • 11:30AM
    Integrating shader effects in the browser
  • 12:00PM
    Lunch
  • 1:00PM
    Performance deep dive: requestAnimationFrame, device & GPU detection
  • 1:30PM
    Measuring and responding to frame drops
  • 2:00PM
    Hands-on build: animation + shader + video timeline
  • 3:30PM
    Project review & performance tuning
  • 4:00PM
    Wrap-up & Q&A

Your (Awesome) Instructor

Matias Gonzalez

Matias Gonzalez

Matias is a graphic designer that shifted into web development. He works as tech lead at basement studio where he blends knowledge from design and development to create immersive experiences. He is passionate about volunteering, currently helping organize TEDx events. He’s always trying to find room to play and experiment with new technologies and is currently obsessed with WebGL.

Check out all of our upcoming workshops!

Workshops happen throughout the year, and are all included with membership.