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
What if a website could feel like an art installation? 🖤
I wanted to experiment with something beyond traditional landing pages.
So I built a scroll-driven 3D experience where a single sculpture becomes the entire story.
With every scroll:
→ The camera moves around the sculpture
→ The lighting changes
→ New sections reveal themselves
→ Interactive UI elements appear
→ The perspective continuously evolves
No static hero.
No traditional section-to-section transitions.
Just 3D, motion, light, and storytelling working together.
Built with WebGL + Three.js + AI-assisted development.
The goal was simple: https://sincere-ethereal-sculpt-space.base44.app/
Don't just make people scroll.
Give them a reason to keep exploring.
Would you use this approach for a real brand website?
#WebDesign #ThreeJS #WebGL #3DWeb #CreativeDevelopment #Awwwards #FrontendDevelopment #UIDesign #InteractionDesign #AI #Base44
Superb 😍
Thank you!
scroll driven 3d, how heavy is it to load?
It can be heavy if it’s not optimized. I’m using GLB compression, optimized textures, adaptive rendering, and lower quality settings for mobile to keep it smooth.
Amazing work!
Thank you!
This is such a refreshing take on web storytelling. When the experience itself becomes part of the narrative, scrolling stops feeling like navigation and starts feeling like discovery. That’s the kind of design people remember.
Yeah, exactly! That’s what I’m trying to achieve making the interaction feel like part of the story, rather than just scrolling through a website. Really appreciate that!
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
A few years ago I had the chance to take a course where one of the modules was taught by a designer I really admire, Joseph Berry.
The goal was to create a website for a product, in this case, a speaker. We went through the entire process, from receiving the brief to the very last detail, even modeling the product ourselves in 3D using Spline.
I learned so much, and also got to meet great designers. It’s amazing to see how each one has a different process, and having the chance to observe that and take a bit from each way of doing things to make it your own and develop a unique result really helps you grow a lot as a professional.
I’m sharing some frames from the project, hope you like them!
Great website design visuals I like the color palette ❤️❤️
Great job Ivan🎉🎉
Every AI product apologizes for the wait. I designed the wait instead.
Latency: identity, interactive site and campaign built on Ma, the space that gives a thing its shape. The headline breathes in weight until the answer lands.
Design the pause.
Man, you’re superhuman; your consistency and quality are out of this world... congratulations on your work.
I created a brand identity concept for Velora, an AI productivity platform. I explored the logo, colors, typography, and how the brand could look across a website, mobile app, and everyday products. I wanted everything to feel consistent, modern, and easy to recognize.
The blue is perfect for this. I’ve seen so many AI brands do boring black/white but this gradient gives it energy. And Plus Jakarta Sans was a great choice, keeps it friendly.