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
• 11h
A soda website that doesn't behave like a website. 🥤
Meet BOP! — my latest interactive web design experiment.
I wanted to explore what happens when you remove traditional scrolling and let the product drive the entire experience.
The result is four flavours, four completely different visual worlds, and a soda can that stays at the centre of everything.
No endless pages. Just bold visuals, fluid motion, and interactions that make exploring the brand feel playful.
Built to explore how far creative direction and front-end development can push a simple product experience.
Take it for a spin:
https://bop-soda-experience.vercel.app
Would love to hear what you think about the transitions.
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
How do you make a construction brand feel consistent from a business card to a building site?
Brixon’s identity brings angular lettering, an assembled geometric symbol, and a lime, black, and white palette together.
I carried those elements into stationery, brand guidelines, team identification, social graphics, and site signage, then brought the system into motion with Adobe After Effects.
The connecting decision: keep the geometry and layout structure consistent while the logo details, messages, and application previews change within the animated panels.
My contribution covered brand design, graphic design, and motion design.
What draws your attention first: the wordmark, the lime palette, or the rotating symbol?
See the full Brixon case study. If you’re shaping a construction or development brand, I’m available for brand identity and motion projects.
Incomparable work!
Niceee
Noise Reveal, a premium reveal component for Framer
I built a component that gives Framer sites cinematic reveals for images, video and live layouts. It has a soft, film-like edge with glow and grain, and can play on load, on view, from a variant or scrubbed by scroll.
It’s built for production: the reveal is prepared before it scrolls in, it’s accessible with reduced-motion support, it falls back when WebGL isn’t available, and pages stay plain HTML when nothing is moving.
Launched on the Framer Marketplace. Open to custom Framer and interaction work.
The WebGL fallback and reduced-motion support are the parts most reveal effects skip, so it's great to see them called out. Does the fallback keep some of the grain edge with CSS, or does it drop to a simple fade?
