BLORP Soda Co. — Interactive Framer Concept Site

Concept project. BLORP is a made-up soda brand, not a client. We built it to show how far a single Framer page can go on interaction and motion.

A brand that's loud on purpose. Instead of a static landing page, every section gives the visitor something to play with. The brand is fictional, but the science on the page is real: the carbonation figures and the explanation of why shaken cans foam are accurate.

Flavor switcher: pick Cherry, Yuzu, Razz or Lime and the whole page repaints, from colors to the can to the copy.

Bubble field: click bubbles to pop them, with a live counter.

The can: drag to spin it, click to crack it.

Flavor cards: each can lists carbonation, sugar, acidity and energy. Tap a can to pour it.

Fizz-o-meter: drag a slider to see carbonation in volumes of CO₂, compared with lager, cola and champagne.

Shake lab: shake the can by dragging it or pressing Shake, watch the nucleation gauge climb, then crack it for a foam burst. It keeps your last and best crack.

Sticker wall: stickers you can drag and fling around.

Sound toggle for the effects.

Designed and built in Framer.

The interactive pieces are custom React code components: bubbles, the can, the flavor switch, the fizz-o-meter, the shake lab and the sticker wall.

Separate desktop, tablet and phone layouts.

SEO title and description, favicon and social share image set up, published on a custom domain.

Try it live: https://blorp.store