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 experience page introducing RabenRifaie creative design studio, featuring custom high-quality 3D animations, tactile textures and a seamless responsive layout for every device.
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
Challenges
View all
Related posts
Meet new floral shop website concept for foldable devices, inspired iPhone Duo 🌸
Just crossed $10k earned on @Contra HQ 🔥 - and this case study is the project that got us there. 💸
Pink, bold, unapologetic - see how we built it 👇
Huge congrats on hitting $10k well deserved! The project feels bold, confident, and really memorable. Love how the visual direction stands out without losing that polished feel 🔥
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
Best rive usage
