Most sites tell you they're premium. Almost none of them make you feel it. I spent the last stret...Most sites tell you they're premium. Almost none of them make you feel it. I spent the last stret...
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
Most sites tell you they're premium. Almost none of them make you feel it.
I spent the last stretch building thirteen concept sites chasing that difference, and the thing that kept proving itself is that the feeling comes from motion you control, not motion you watch.
Four are real-time 3D in the browser. A crystalline brand hero turning under studio lighting, a perfume landing lit entirely by a real HDRI environment, a neural field of instanced particles for an AI product, an architectural monolith that reveals itself out of near-black. The other nine are scroll-scrubbed video, where you drag a whiskey pour or open a box or drive into a sunrise at whatever pace you want. The visitor is the animator, which is a very different thing from watching an autoplay loop.
I design it, build it, and ship it myself, so there's no handoff where the feeling leaks out between the mockup and the browser.
Two things I learned that I'd want someone else to know.
If you light a translucent material without a real environment map, your scene renders black. Lighting is not polish you add at the end, it's a design decision you make first, before you have anything to look at.
And if you want video to scrub frame for frame off scroll position with no stutter, re-encode it all keyframe. Every frame becomes a seek target. Most people fight that stutter in JavaScript when the fix lives in the encode.
Who it actually serves is anyone selling on craft rather than spec. Fragrance, architecture, spirits, dev tools. The interaction buys a few more seconds of attention right where the headline and the call to action live, and those seconds are usually the whole game.
All thirteen are live and interactive, and labeled as concepts because that's what they are.
Still chewing on one thing. Where's the line where motion stops serving the brand and becomes the thing people remember instead of the brand?
Celia's avatar
T O P 🔥
Harrison's avatar
Thank you mate just trying to land a gig or job.
MD Rafee 's avatar
"Motion you control, not motion you watch" is a good way to put it. Thirteen concept sites is a lot of reps to get that distinction to actually show up consistently.
Harrison's avatar
That's exactly what I was going for. I would say if I had a little bit more time I would definitely extend these animations a little bit longer but for what I made so far I feel like it's very useful and captivating and thank you so much for checking it out.
Kabir's avatar
Split Creatives logo
That idea is powerful. Interaction definitely changes how premium a site feels.
Harrison's avatar
Yes, and the one thing that I feel is that we are in the future and we should make our websites feel like we are in that time
Nazar's avatar
Yasno Design Agency logo
thirteen concept sites is wild
Harrison's avatar
lolol I need a job lolo
DC's avatar
Thirteen concepts is wild 😄 The motion and visual variety are really strong here. I’d be curious which one ended up being your favorite direction.
Harrison's avatar
The ones with the beautiful scenery
Diego's avatar
The lesson about a translucent material rendering pure black without a real environment map is such a specific, hard-won detail. To your closing question, my instinct is motion stops serving the brand the moment it exists to show off the tech rather than the product. Which of...
Harrison's avatar
the private extended version of the burger and fries, animation
Back to feed
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