Norisor — Humidifier E-Commerce
A polished, conversion-focused single-product storefront with mouse-tracking 3D product cards, scroll-triggered animations, persistent cart, Stripe checkout, and server-side price validation.
A niche product needed a premium presence.
The Problem
Build a polished, conversion-focused storefront from scratch for a niche wellness product — requiring product presentation, cart management, multi-payment checkout, order persistence, and marketing analytics, all with a premium animated user experience.
Our Solution
A React SPA with physics-based 3D product cards (React Spring), scroll-triggered animations (Framer Motion), localStorage-persistent cart, two-step checkout supporting Stripe and cash-on-delivery, and server-side price validation preventing tampering.
Animation meets conversion.
3D Product Cards
Mouse-tracking cards with React Spring physics — real-time perspective transformation creating a tangible, interactive product showcase.
Scroll Animations
Framer Motion Reveal component with directional entrance effects — products, reviews, and sections animate as users scroll through the page.
Persistent Cart
localStorage-based cart state with quantity controls, cross-sell recommendations, gift wrapping add-on, and voucher code system.
Dual-Price Validation
Server independently recalculates all prices from product catalog — preventing client-side price tampering. Non-negotiable for commerce.
Two-Step Checkout
Address form with all 42 Romanian counties, then payment selection (Stripe card or cash on delivery) — optimized for conversion.
Marketing Pixels
TikTok Pixel and Facebook Pixel integrated from day one, with GDPR cookie consent banner and React Helmet SEO.
Lightweight but powerful.
Frontend
Animation
Backend
Commerce
See it in action.
