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! 👇✨
Building a Dreamy Kawaii E-Commerce Store with Squish Physics & Ambient Soundscapes ☁️🧸
Hey Contra community! 👋
I’ve been designing and developing CloudPu...