Scandere.

Papilly.

Boutique en ligne avec scène 3D

Type
E-commerce
Statut
En ligne
Technologies
Next.js, TypeScript, Three.js, Stripe, Tailwind CSS
Papilly

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