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
Built a luxury product configurator with an interactive 3D viewer.
The brief was simple: what would a high-fashion brand's product page look like if the hero image was a real-time 3D render you could interact with?
The 3D scene uses raw Three.js — no React Three Fiber, no abstraction layers. A WebGL renderer with ACES filmic tone mapping, physically-based materials, and a 4-light rig (key, rim, fill, ambient) creates a cinematic product shot that runs at 60fps in the browser.
The material system supports 6 finishes — Gold, Rose Gold, Silver, Platinum, Obsidian, and Emerald. Switching between them triggers a smooth transition using linear interpolation in the render loop.
Stack: React 19, Three.js, Tailwind CSS v4, Framer Motion, Vite, Vercel.
#webdevelopment #threejs #react #3d #uxdesign
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
Took a WebGL fabric physics simulation and pushed it to the absolute limit.
Built a complete visual concept for a Peptides brand around it. Pure interaction, zero boring static layouts. Let's go!
Pushing fabric physics that far for a peptides concept is a strong choice. The quiet editorial layout lets the motion carry the brand instead of competing with it.
Day 12/30 of my hero section challenge.
Another day of prioritising the visuals and imagining a company that doesn't exist. I promise the next one is a tech brief with barely any imagery at all, I've leaned hard on beautiful photography for twelve days straight.
Concept: a mycelium materials company producing leather, packaging and foam grown from fungal networks. The design deliberately inverts the category's defaults; biotech branding tends toward dark, clinical and electric blue, so this one goes warm and botanical, with a subtle looping video of spores drifting and mushrooms emerging. The copy pulls hard the other way: plain, technical, B2B-direct, anchored by two concrete numbers instead of sustainability adjectives.
Twelve briefs across travel, food retail, personal branding, events, landscape architecture, pet services, hospitality, coffee, lighting, wellness, restaurants and now biomaterials.
12 down, 18 to go.
Built on the Viper template by Westhill Studio, adapted and customised by me.
Imagery and video generated with AI.
brilliant
Designed the website for Dovora — an agency that builds businesses for creators, not brand deals. "We don't represent brands, we don't split focus" is basically the whole pitch, and I wanted the site to feel just as uncompromising.
So no polished stock creator-economy visuals. The hero is a wall of real streamer/podcast footage arranged in overlapping diamonds and rounded frames — actual creators, mid-stream, mid-laugh — with a glowing gradient orb behind bold "WE BUILD CREATOR BUSINESSES" type. It reads more like a highlight reel than a landing page, which felt right for an audience that lives on camera.
The second section flips the energy completely — dark, minimal, almost aggressive typography ("BUILT EXCLUSIVELY FOR CREATORS. FULL STOP.") paired with huge chrome-and-neon 3D letterforms spelling out CREATORS. It's loud in a completely different way than the hero, and that contrast is intentional — this isn't a buttoned-up agency deck, it's built for people who make content for a living.
Genuinely fun brief to lean all the way into.
