The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
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 only — not affiliated with Razer Inc.:
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
nice work..
Recent build for healthcare ed-tech platform.
Multi-page Webflow site, GSAP interactions throughout, consistent motion language across the full experience
Great
Really proud of this one 🙌
We built a full Kajabi website and product ecosystem for Genvièv – founder of CORE NRG RESET®, a science-backed transformation methodology trusted by thousands worldwide.
The project started in Figma and ended with a fully live Kajabi site: multiple service pages, courses, membership, checkout flows, and automations – all designed to feel cohesive and match the quality of what Genvièv teaches.
What made this one special was the range – three completely different offers, each with its own audience and tone, all living under one roof. Getting that balance right in the design was the most interesting challenge.
So cool, models so beautiful~
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
