Papilly.
Boutique en ligne avec scène 3D
- Type
- E-commerce
- Statut
- En ligne
- Technologies
- Next.js, TypeScript, Three.js, Stripe, Tailwind CSS
- Site
- En ligne

Le projet
Papilly vend un seul produit, un oreiller cervical en forme de papillon pour dormir sur le côté. J'ai conçu et développé la boutique de bout en bout : identité sombre, hero en 3D où la caméra s'approche du lit au défilement, pages de contenu, parcours d'achat réduit au strict nécessaire et paiement par Stripe Checkout. Les prix, offres et codes promotionnels viennent d'une seule source dans le code, pour qu'aucun chiffre affiché ne diverge de ce qui est facturé.
Fonctionnalités
- Hero en Three.js : scène de chambre animée au défilement
- Paiement par Stripe Checkout, prix relus côté serveur
- Offres et codes promotionnels centralisés dans un seul fichier
- Parcours d'achat court avec barre d'achat mobile
- Site multipage : produit, guide, pages d'information
- Page d'administration pour suivre les commandes
- Mesure publicitaire déclenchée seulement avec le consentement
- Mise en ligne sur Vercel avec domaine dédié
La stack technique.
Framework
Next.js avec TypeScript et rendu côté serveur
3D
Three.js pour la scène du hero, avec image de repli
Paiement
Stripe Checkout, montants vérifiés côté serveur
Interface
Tailwind CSS et une identité sombre à accent unique
Projet suivant →
DOEclic