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
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?
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
How do you make a logo feel alive without making it feel like a gimmick? 🤖
Quickchat AI builds no-code AI Agents that handle real work - customer support, sales, internal ops - reading docs and resolving conversations on their own. As the product scaled, the brand needed to catch up: something as sharp and credible as the tech itself, in a market where every AI startup looks the same.
I could have leaned into something loud - a mark morphing through wild transformations, motion for the sake of motion. Instead the direction was restraint. The wordmark reveals with one clean underline stroke. The icon wakes up letter by letter before landing on the final mark, closing on a small wink instead of a flourish 😉.
Every timing decision was intentional: fast enough to feel instant, controlled enough to feel trustworthy. That's the whole brief in one sentence.
The palette stayed just as disciplined 🎨 - one electric blue carrying the energy, one warm yellow breaking up the dark neutrals. Nothing decorative, everything load-bearing.
Where do you draw the line between motion that shows a product's personality and motion that's just there to show off?
I know it’s called football, but… I just redesigned a soccer website ⚽️
A product-first refresh for Round World Soccer, built in Framer.
Shifting the site from service-led to product-led.
The goal was to simplify the experience and create a stronger shop structure.
What do you think?
I wanted my next framer template's portfolio showcase to have a standout interaction, not another flat slider.
That idea is now the hero: a carousel where every image bends on a cylinder as it moves. Perspective, velocity skew, a touch of chromatic distortion on the edges.
It's raw WebGL with the cylinder math written from scratch, no libraries. I didn't write any of it. I described the motion to Framer's agent, one prompt with my art direction, and it built the code component, wired it into the canvas, and exposed the motion as sliders: tilt, curve, skew strength, distortion, chroma, parallax.
My part was tuning those sliders until the motion felt right for the template, which took longer than the build itself.
The gap between an effect I can imagine and a component I can ship used to be "someday". Now it's an afternoon.
What's an effect you've wanted on your site but never built?
looks amazing!