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
An immersive, scroll-driven 3D website concept created around the Tesla Cybertruck.
The Cybertruck was built and prepared in Blender before being brought into XrollY, where I created the main scroll-controlled 3D sequence, including camera movements, product transitions, rotations, and visual reveals.
Rive was used for additional interactive motion elements, while the complete experience was embedded into Framer to create the final website.
The result combines real-time 3D storytelling with interactive interface animation, while keeping the 3D experience independent and embeddable.
Stack: Blender · XrollY · Rive · Framer · Web 3D · Scroll-based Animation
Part of my ongoing exploration with XrollY — a platform I'm building for creating, animating, and embedding scroll-driven 3D experiences across the modern web.
Live Link: tesla-3d.framer.website
Full Case Study: Check it out
The dark Cybertruck scene has a great sense of reveal—the scroll-driven 3D treatment makes the vehicle feel almost cinematic. I also like how the restrained interface lets the lighting and form do most of the storytelling.
Best rive usage
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
🌶️ Spicy take from my latest identity project
Brianna Doe’s entire logo is her name and a dot. And it does more work than most of the “unique” logos I scroll past on socials.
A logo only has to IDENTIFY a brand. Defining it is the job of everything else: creative direction, color & font systems, imagery.
Complicated logos impress other designers, simple ones work for the client.
Check out the full case study to see how a simple logo carries an entire brand identity
Lovely palette. I'm sure the client is stoked.
A cultural tribute to the history of human artistic mastery for @Contra Labs
How does a logo creation start?
After the briefing, once I understand the business inside out, I start with pen and paper. Drawing isn’t my main skill, but it helps me organize my ideas and try dozens of different ways until I land on a great result, before taking it to the computer and vectorizing it.
Here’s a glimpse of that process, from first sketches to the final “M”.
I invite you to see the full journey through the visual identity of Muzo Estudio. I’m really proud of the result and the process. Hope you like it.
pen and paper before the computer is the part most people skip
