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
Exploring two different hero directions for a new project.
Same message, two completely different visual approaches.
Which one makes a stronger first impression?
A or B? Curious to hear your thoughts!
36 voted
90%
4 voted
10%
40 votes
Closed
Both are strong. I lean towards the dark version, because the orange accent on the italic "guess." pops and the profile portrait gives it a more editorial, confident feel. The navy one reads a bit more corporate, which could suit a more conservative audience. Nice exploration!
What if sending money felt a little more like giving a gift?
For Nova, I explored a banking app that brings payments, cards, and a bit of personality together. You can check your balance, browse recent transactions, send or request money, top up, and pay bills.
My favorite part is the digital postcard feature. Before sending a transfer, you can add a little illustrated card—a heart, a birthday greeting, or a playful character. A simple way to make birthday money or a thank-you feel more personal.
I carried that same 3D character into onboarding, pairing it with bold red gradients and large, clear payment details. There’s room for play, while the recipient and amount stay easy to check.
Would you add a postcard to a transfer? I’d love to know what occasion you’d use it for.
Two directions. One NFT marketplace.
Which visual direction would you choose?
🖤 A — Dark & Futuristic
🤍 B — Bright & Minimal
Both explore the future of Web3, but with completely different visual identities.
Drop your vote in the comments: A or B?
#UIUXDesign #WebDesign #NFT #Web3 #ProductDesign
10 voted
29%
25 voted
71%
35 votes
Closed
Strong design, well done