All projectsE-commerce
Papilly.
Online store with a 3D scene
- Type
- E-commerce
- Status
- Live
- Technologies
- Next.js, TypeScript, Three.js, Stripe, Tailwind CSS
- Site
- Online
The project
Papilly sells a single product, a butterfly-shaped cervical pillow for side sleepers. I designed and built the store end to end: a dark identity, a 3D hero where the camera moves toward the bed as you scroll, content pages, a checkout reduced to the essentials and payment through Stripe Checkout. Prices, offers and promo codes come from a single source in the code, so no displayed figure can drift from what is charged.
Features
- Three.js hero: a bedroom scene animated on scroll
- Payment through Stripe Checkout, prices re-read on the server
- Offers and promo codes kept in a single file
- Short purchase path with a mobile buy bar
- Multi-page site: product, guide, information pages
- Admin page to follow orders
- Ad measurement triggered only with consent
- Deployed on Vercel with a dedicated domain
The technical stack.
Framework
Next.js with TypeScript and server rendering
3D
Three.js for the hero scene, with a fallback image
Payment
Stripe Checkout, amounts verified on the server
Interface
Tailwind CSS and a dark identity with a single accent
Next project →
DOEclic