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!
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
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:40AMWelcome & Workshop Overview
- 10:00AMWhy React? When to choose frameworks vs vanilla
- 10:30AMTooling for award-winning sites (stack, libraries, mindset)
- 11:00AMTimeline-based development: syncing video and animation
- 11:30AMIntegrating shader effects in the browser
- 12:00PMLunch
- 1:00PMPerformance deep dive: requestAnimationFrame, device & GPU detection
- 1:30PMMeasuring and responding to frame drops
- 2:00PMHands-on build: animation + shader + video timeline
- 3:30PMProject review & performance tuning
- 4:00PMWrap-up & Q&A
Your (Awesome) Instructor
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.