Case study / Ecommerce
A 3D online store for a bio-enzyme care brand
- Client
- Home care brand
- Industry
- Home and personal care
- Status
- Live demo
A complete direct-to-customer store for a vegan, bio-enzyme home and personal care brand: an interactive 3D storefront for shoppers, WhatsApp sign-in, Razorpay payments, and an admin panel the brand runs on its own.
The brand makes plant-based cleaning and personal care products. Selling only through marketplaces meant paying commission on every order, competing next to cheaper chemical products, and having no direct relationship with the people buying.
The brand needed its own store that explained why bio-enzyme products are different, felt premium enough to justify the price, and was simple for a small team to run every day without technical help.
We started with the story. The storefront opens on an interactive 3D product scene that shoppers can explore, followed by a story page that explains the ingredients and process in plain language. The goal was to make people understand the product before they see the price.
Checkout was built for Indian shoppers. Customers sign in with a one-time code on WhatsApp instead of a password, and pay through Razorpay. Prices and stock are always checked on the server, so the amount charged can never be changed from the browser.
Behind the store, the brand gets an admin panel for the daily work: new orders, packing slips, payment status, customers and product pricing, all on one screen.
Key features.
Interactive 3D storefront
A product scene built with Three.js and GSAP that responds to scroll and movement, giving the brand a premium first impression.
WhatsApp OTP sign-in
No passwords to forget. Customers log in with a code sent to WhatsApp, which also confirms a real phone number for delivery.
Razorpay payments
UPI, cards and net banking, with server-side price calculation and payment verification.
Live stock
Stock is reserved at checkout and updated on payment, so the store never sells what is not on the shelf.
Order and packing workflow
Orders move from paid to packed to shipped, with printable packing slips for the warehouse.
Brand admin panel
Products, prices, customers and payments managed by the brand team directly.
Screens from the working system
One journey, step by step.
01
Discover
Shopper lands on the 3D storefront and reads the product story.
02
Choose
Browses the shop by category and adds products to the cart.
03
Sign in
Enters a phone number and confirms with a WhatsApp code.
04
Pay
Pays through Razorpay. The server checks price and stock before confirming.
05
Fulfil
The order appears in the admin panel, gets packed with a printed slip and shipped.
What it is built with, and why.
Storefront
Three.js, GSAP, Vite
Smooth 3D scenes that still load quickly on mid-range phones.
Store and admin
Next.js, React
Fast pages that search engines can read, with the admin panel in the same codebase.
Data
PostgreSQL, Prisma
Reliable orders, stock and customer records with safe database changes.
Payments and login
Razorpay, WhatsApp OTP
The payment and sign-in methods Indian shoppers already trust.
A store the brand owns, with no commission on any order
Product education built into the shopping experience
Daily operations handled from one admin panel
A setup that can grow into more products and categories
Need something like Eco Home Care D2C Store for your business?
Start a projectNext case study
RoundU
On-demand home services with live provider tracking