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
We spent way too long on the physics of shaking a can of soda that doesn't exist.
BLORP is a concept project — a made-up soda brand, no client. One page, built in Framer, where every section gives you something to play with instead of something to read.
The brand is fake. The science isn't:
Fizz-o-meter — drag the slider and see carbonation in actual volumes of CO2, lined up against lager, cola and champagne.
Shake lab — shake the can, watch the nucleation gauge climb, then crack it for the foam burst. It remembers your best crack.
Flavor switcher — Cherry, Yuzu, Razz, Lime. The whole page repaints: colours, can, copy.
Plus bubbles you can pop with a live counter, a can you can drag to spin and click to crack, flavour cards that pour when you tap them, and a sticker wall you can fling around.
Built in Framer. The bubbles, the can, the flavour switch, the fizz-o-meter, the shake lab and the sticker wall are all custom React code components, with separate desktop, tablet and phone layouts.
Go shake the can -> blorp.store Case study -> contra.com/p/7PMeFqPW-blorp-soda-co-interactive-framer-concept-site
What's your best crack? Screenshot the gauge.
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
i built a semi-3D interactive website with @Base44 for a Creative Production Studio, called STORM STUDIO,. that drafts 3D Digital unique experience for Brands.
STROM STUDIO specializes indesign, motion, 3D and Technology, working together to turn ambitious ideas into immersive digital experiences.
At STORM STUDIO, We create 3D visual storytelling and interactive web experiences that help brands stand out.
STORM STUDIO - https://stormstudio.base44.app
also, check it out on mobile, to get the full mobile experience
my walkthrough process will be below in my comment section
my walkthrough process
PS; if you opened the STORM STUDIO website on a Mobile phone, Shaking the phone rattles the rubik cubes like a shaken jar.
and,
on PC/DESKTOP, moving the cursor rattles the rubik cubes, also slowly scroll through the home page to have a full experience of the scroll animate effects, etc.
try it out 😊
I finally updated my personal website, and you can actually "dye" your own canvas on it! 🎨
I've been experimenting with how to bring something physical into a digital space. The idea came from my growing interest in natural dyes and traditional textile-making, which I've been exploring a lot lately.
I designed and built the whole experience in one day using Figma, Claude and Netlify. It's been pretty exciting to see how AI makes ideas that once felt technically out of reach something I can now experiment with and build on my own.
I'm also open to fractional creative director roles, so if you know a team building something meaningful, I'd love to connect!
Come play with it, and please let me know if you find any bugs 🐛
mya-nguyen.com
dyeing your own canvas on a personal site is such a nice idea. most portfolios just sit there, this one lets you play
Kajabi Website Design for Online Coaches & Courses
Designed a Kajabi website concept for online coaches and course creators who need a clear, professional way to present their programs and learning offers.
The website focuses on presenting course information, highlighting program benefits, and guiding visitors toward enrollment or the next step. The layout combines clear content structure, engaging sections, responsive design, and strategically placed calls to action to create a smooth experience across desktop and mobile.
The goal is to help coaches communicate the value of their programs and give prospective students a clear path from discovering the offer to taking action.
#Kajabi #KajabiWebsiteDesign #WebsiteDesign #OnlineCourse #CourseCreator #OnlineCoaching #CoachingWebsite #CourseWebsite #LandingPageDesign #SalesPageDesign #WebDevelopment #Elearning
The “Four modules. One much clearer next move.” line makes the course feel manageable before someone gets into the details. That’s a useful choice for coaches whose offers can otherwise feel overwhelming. For this concept, would the main CTA go straight to enrollment, or let visitors preview a lesson first?