ARCHDEVS
E-Commerce · Animation · Single-Product

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.

Type
Single-Product Store
Payments
Stripe + Cash on Delivery
Backend
FastAPI + TinyDB
Status
Live
The Challenge

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.

Key Features

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.

Tech Stack

Lightweight but powerful.

Frontend

React 18React Router v6Ant DesignSCSS

Animation

React SpringFramer Motion3D Physics

Backend

FastAPITinyDBPythonHeroku

Commerce

StripeReact Stripe.jsVouchersCOD

Have a similar challenge?

Let's build your next platform together.

Get in TouchView More Work