Vert Sapin
La boutique en ligne d’un atelier de sapins de Noël en papier.
Date : 2026
Un atelier familial, à Paris, fabrique à la main des sapins de Noël en papier : une feuille carrée, pliée en deux, fendue et pliée en dix rabats, qui se dresse en sapin, se replie à plat dans sa boîte et ressert d’une année sur l’autre. Trois gammes, le sapin seul, la forêt et les jeunes pousses, en cinq verts.
En septembre et octobre 2026, j’ai conçu et développé sa boutique en ligne, de bout en bout, pour la saison de Noël : le sapin à composer, à voir chez soi en réalité augmentée, à commander et à payer sur la boutique même ; les précommandes et les réservations selon la saison ; et le back-office où l’atelier suit son stock et prépare ses commandes. Une version d’essai et une version en ligne, mises à jour par des tests automatiques.
J’ai aussi travaillé sur l’objet lui-même : les calculs géométriques derrière des gabarits qui font produire les sapins plus vite et avec précision, les dessins techniques pour confier un jour la fabrication à des partenaires, les dimensions exactes des feuilles pour spécifier le papier et l’emballage aux fournisseurs, et le placement des carrés sur les rouleaux, pour limiter les chutes.
Le résultat
Ce qui a été fait
01
La boutique
Le sapin à composer, gamme, taille, papier et palette, avec ses photos de jour et de nuit, le panier et la commande, aussi pour les entreprises ; l’interrupteur « Lumière », la neige et les sapins qui vivent.
Next.js · React
02
Voir chez vous
Le sapin composé posé dans la pièce en réalité augmentée, à sa vraie taille, depuis un modèle 3D généré pour chaque configuration, sur iPhone comme sur Android ; un code QR l’envoie depuis l’ordinateur.
model-viewer · USDZ · glTF
03
Le paiement
Le paiement par carte sur la boutique elle-même, l’adresse complétée par la base d’adresses nationale, la facture numérotée par e-mail, et chaque paiement rapproché : jamais deux expéditions pour une commande.
Stripe
04
Le stock et les commandes
Le stock en direct, retenu pendant le paiement ; les commandes de payée à pliée et emballée puis expédiée ; les précommandes et les réservations, par gamme et par département, avec l’invitation à commander ; tout dans un back-office pour l’atelier.
Payload CMS · Postgres · Drizzle
05
Les e-mails
La confirmation au client et la liste à préparer pour l’atelier, un sapin par ligne, lisibles même quand les images sont bloquées.
Resend
06
L’hébergement et la mise en ligne
Une version d’essai et une version en ligne, chacune avec ses données ; des tests automatiques, puis la version d’essai mise à jour seule et la mise en ligne sur un bouton.
Fly.io · Docker · GitHub Actions · Playwright
07
L’architecture et l’accessibilité
Le cœur de la boutique séparé des outils qu’il utilise, une règle vérifiée à chaque modification ; les contrastes testés, le clavier et la réduction des animations respectés.
Architecture hexagonale · WCAG 2.2
08
La géométrie du sapin
Toutes les cotes du sapin, fentes, plis et pointe, déduites de sa seule hauteur, dans une note mathématique et un modèle 3D ; la même recette pour toutes les tailles.
LaTeX · Python
09
Les gabarits
Un gabarit par taille, à découper au laser ou à la fraiseuse, avec ses fentes, ses repères gravés et ses ponts de matière, en fichiers prêts pour l’atelier de découpe.
Python · DXF · SVG
10
Les planches techniques
Des planches A3 cotées, avec leurs tolérances et une table pour six tailles, pour confier la fabrication à des partenaires.
LaTeX · TikZ
11
Les feuilles et les rouleaux
Les dimensions exactes des feuilles pour chaque taille, pour spécifier le papier et l’emballage aux fournisseurs, et le placement des carrés sur les rouleaux, pour limiter les chutes.
Python
Fonctionnement détaillé
Faites défiler : le dessin suit.
01 / 09
Composer son sapin
Trois gammes : le sapin seul, de 50 à 150 cm ; la forêt, un grand et trois petits ; les jeunes pousses, cinq petits. On choisit son papier parmi cinq verts, et sa palette pour les petits. Les photos changent avec le choix, et l’interrupteur « Lumière » les passe en nocturne, sapins allumés.
02 / 09
Le voir chez soi
« Voir chez vous » pose le sapin composé dans la pièce, en réalité augmentée, à sa vraie taille : l’échelle est fixée, on ne peut pas le rapetisser. Depuis un ordinateur, un code QR l’envoie sur le téléphone.
03 / 09
Commander et payer
Le stock s’affiche en direct, et les dernières pièces sont annoncées. L’adresse se complète d’elle-même, une entreprise commande avec son numéro de TVA, le paiement par carte se fait sur la boutique même, et la facture arrive par e-mail. Selon la saison : une précommande avec ses dates d’envoi, ou une réservation sans payer.
04 / 09
Préparer les commandes
L’atelier mène sa boutique depuis son back-office. Chaque commande passe de payée à pliée et emballée, puis expédiée, et la liste à préparer arrive par e-mail, un sapin par ligne, avec sa hauteur et son papier. Le stock se compte par taille, papier et palette ; les réservations se lisent par gamme et par département, et chacune reçoit son invitation à commander quand la saison s’ouvre.
05 / 09
Calculer le sapin
Toutes les cotes découlent de sa seule hauteur : l’angle des fentes, la longueur de chaque pli, la feuille carrée qu’il faut. La même recette sert à toutes les tailles, et donne les dimensions précises des feuilles pour commander le papier et l’emballage, ainsi que le placement des carrés sur les rouleaux, pour limiter les chutes.
06 / 09
Tracer avec un gabarit
Un gabarit par taille, découpé au laser, avec ses repères gravés. Calé contre le pli central et le pied, il place le bord oblique de lui-même : les fentes se reportent en deux gestes, avec précision, et le sapin se produit plus vite.
07 / 09
Donner les instructions
Des planches techniques, au format A3, décrivent l’opération « fentes et plis » sur une feuille déjà coupée et pliée en deux : les cotes se mesurent au mètre depuis la pointe, sans angle, avec leurs tolérances et une table pour six tailles. De quoi confier la fabrication à un partenaire.
08 / 09
Plier les rabats
Chaque fente libère un rabat, qui bascule le long de son pli : le triangle de papier devient un sapin à étages.
09 / 09
Le déplier : le sapin tient debout
Ses ailes s’ouvrent en éventail autour du pli central, et le sapin tient debout. Replié, il retourne à plat dans sa boîte, d’une année sur l’autre. Ce dessin est calculé avec les formules du gabarit.
Fiche technique
- Collection
- Produits personnels
- Date
- 2026
- Rôle
- Conception et développement, de bout en bout
- Technique
- Next.js (App Router) · Payload CMS · Postgres · Drizzle · Stripe · Playwright · Fly.io · LaTeX · Python
- Supports
- Web