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
Building a Dreamy Kawaii E-Commerce Store with Squish Physics & Ambient Soundscapes ☁️🧸
Hey Contra community! 👋
I’ve been designing and developing CloudPuff, an interactive, joy-first e-commerce experience for plushie lovers. Instead of another cookie-cutter shop, I wanted every interaction to feel tactile, cozy, and playful.
What I’ve built so far:
Interactive Squish Physics: Spring animations, squeeze physics, and tactile micro-interactions on hover and click.
Custom Plushie Studio (/customizer): Real-time workshop to build custom plushies (fur tone, scent selection, embroidered collar tags).
Web Audio Soundscapes: Built-in soothing ambient lullaby chime, squish FX, and audio feedback.
In-Page Real-World Size Guide: Visual comparison against everyday objects (coffee mug, 13" laptop, sleeping house cat, pillows).
Adoption Registry & Live Tracker: Official printable birth certificates and a simulated live cuddle courier radar.
Day & Twilight Night Mode: Custom dual-palette design system built purely in Vanilla CSS & Next.js.
Looking for your feedback:
Do you prefer the dreamy pastel cotton candy aesthetic or the deep twilight glassmorphism?
What’s missing? If you were adopting a plushie buddy, what delight feature or micro-interaction would make you say "take my money"?
Drop your thoughts or suggestions below. I’d really appreciate your critique! 👇✨
The choice to make the product page feel like a soft, playful world while still exposing comparison and purchase states is a lovely balance. The tactile physics and ambient sound idea feel especially well-matched to the plush product.
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
Averi.ai came to us with a vision: build the creative system of record for modern marketing teams. A product that blends AI, brand context, and human creativite all in one workspace.
What they didn’t have yet was a digital presence that felt like the product itself and that’s where I stepped in.
Hi Daniel,
Trust you are doing great. Been following for a while now
Well done boss, you’re doing so amazing.
I’m new here and if I may ask, Do you get all your clients here? If yes, how did you make it happen? Also, any tips on how to stand out here and attract clients?
Thank you. I look forward to your response
POV: Your project needed a cool and unique slider for their benefits.
Besides the smooth scrolling experience we've also used abstract animated graphics to compliment each benefit.
How do you made it in Figma? Do you have any tutorial to share?