Concept website for the Razer Blade 16, built to demonstrate cinematic scroll-driven web experiences for premium hardware brands.
The goal was to create a product site that feels like a film — not a catalog. Every section was designed to build tension and release through scroll, typography, and motion.
Built with GSAP 3.12 + ScrollTrigger for all animations, Canvas API for video frame scrubbing on the hero, and Lenis for smooth inertia scroll. Prototyped with Google Antigravity + Stitch.
What's inside:
— Cinematic hero with gamer character, glassmorphism card, live HUD data
— Scroll scrubbing hero — notebook rotates frame by frame with scroll
— Hardware section with flashlight cursor effect and parallax
— OLED section with stats and motion
— Specs comparison with horizontal scroll gallery
— Full CTA and footer
Concept website for the Razer Blade 16, built to demonstrate cinematic scroll-driven web experiences for premium hardware brands.
The goal was to create a pr...