> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wrappy.app/llms.txt
> Use this file to discover all available pages before exploring further.
# Design : Wrappy × Lutécia
> Session /office-hours — Unboxing digital immersif pour le luxe. Approuvé le 02/04/2026.
Généré par `/office-hours` le 02/04/2026 · Branche : `chore/shadn-init` · Statut : **APPROUVÉ**
## Problème
Le cadeau digital est cassé. Un hôtel de luxe vend un séjour à 500€ — le destinataire reçoit un PDF joint à un email automatisé. L'écart entre la valeur du cadeau et la qualité de l'expérience de réception est insultant.
Au checkout, les marques proposent un choix binaire : coffret physique (premium, mais frais de shipping + logistique) ou digital (gratuit à envoyer, décevant à recevoir). Wrappy comble ce gap : une expérience digitale aussi émotionnelle que le déballage d'un coffret physique, sans les coûts logistiques.
## Preuves de demande
Zéro conversation B2B côté marque à ce stade. C'est le risque principal et la priorité immédiate.
* **Côté consommateur :** conversations directes confirmant la frustration face aux cadeaux digitaux (PDF). Rituel émotionnel du déballage absent.
* **Signal technique :** `luteciaCard.glb` déjà modélisé dans le codebase, route `demo.tsx` existante. Le prototype partiel existe pour le Lutécia (Paris).
* **Contact direct :** une amie responsable presse & comm au Lutécia peut faciliter l'accès au bon décideur.
## Statu quo
Au checkout d'un hôtel de luxe, le client choisit entre :
1. **Coffret physique** — expérience premium, mais shipping + délais + coût logistique
2. **Digital (PDF + email)** — zéro coût, mais expérience insultante par rapport à la valeur du cadeau
Ratio physique/digital inconnu — c'est la donnée la plus critique à trouver lors de la première conversation avec le Lutécia.
## Cible & wedge
**Cible B2B :** Directeur/Directrice Marketing d'un hôtel 5 étoiles.
* Ce qui la fait avancer : NPS client, différenciation de marque, métriques d'engagement
* Ce qui pourrait la faire virer : incidents de marque, projets tech qui ne convertissent pas
**Wedge :** Une seule expérience Wrappy, pour le Lutécia, livrée manuellement. Pas de plateforme. Pas de studio self-serve. Un contrat pilote, un hôtel, une expérience co-créée.
## Contraintes
* Stade idée, zéro client B2B validé
* Prototype 3D partiel (Three.js, `luteciaCard.glb`) mais pas production-ready
* Contact au Lutécia disponible, pas encore sollicité
* Architecture B2B2C + 2 studios = vision long terme, pas scope immédiat
* **Temps limité :** CDI à plein temps encore 1 mois + incubateur. Timelines en semaines calendaires, pas en semaines plein-temps.
## Prémisses validées
1. Le décideur est le Directeur Marketing d'un hôtel de luxe.
2. Modèle économique B2B : la marque paie Wrappy pour offrir l'expérience à ses clients.
3. Hôtellerie de luxe = bon vertical initial avant retail, mode, bijouterie.
4. Le 3D immersif (unboxing scénarisé) est le bon format vs. vidéo HD ou animation 2D.
5. Pas de concurrent mature sur ce segment (confirmé par recherche marché).
## Approches considérées
Finir la démo Lutécia avec le `luteciaCard.glb` existant. Un contrat pilote avant de construire la plateforme.
**Effort :** S · **Risque :** Faible · **Complétude :** 7/10
Studio B2B complet — templates 3D, dashboard analytics, delivery white-label, intégration PMS.
**Effort :** XL · **Risque :** Élevé · **Complétude :** 9/10
Couche expérientielle embeddable dans les plateformes existantes (Techsembly, Planet, eGiftify).
**Effort :** L · **Risque :** Moyen · **Complétude :** 6/10
## Approche retenue : A + éléments de B
Finir la démo Lutécia maintenant. Poser les décisions d'architecture clés pour ne pas bloquer la plateforme plus tard.
### Éléments de B inclus maintenant
* **Modèle de delivery :** URL standalone avec token unique par destinataire. Pas d'iframe, pas de widget.
* **Architecture Three.js :** module ES isolé (`experienceEngine.ts`) exportant `mount(canvas: HTMLCanvasElement, config: ExperienceConfig): () => void` — sans dépendance framework.
* Pas de dashboard, pas de multi-tenant, pas d'analytics en phase pilote.
### Éléments de B différés
Studio self-serve, dashboard analytics, intégration PMS, multi-tenant.
### Définition de "done" pour la démo
L'expérience s'ouvre depuis un lien unique (token non-devinable, généré via script CLI + stocké en DB). Expire après 30 jours. Accès multiples autorisés.
Approche du coffret → ouverture → révélation du contenu → message personnalisé.
60fps pendant l'animation sur iPhone 13, mesuré via Safari remote DevTools. Chargement \< 3s (Chrome "Fast 4G" throttling). `luteciaCard.glb` \< 5 MB après compression Draco/KTX2.
Module ES pur, réutilisable dans la future plateforme. Pas de couplage à React.
### Plan d'exécution
| Étape | Action |
| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Jour 1 (spike)** | Tester les perfs de `luteciaCard.glb` sur iOS Safari. Si ça bloque → compression textures, LOD, ou fallback vidéo. |
| **Semaine 1-2** | Finaliser l'expérience selon les critères "done". |
| **Semaine 2** | Message à la contact Lutécia. Identifier le bon décideur. Poser LA question : *"Combien de vos clients choisissent le coffret physique vs. le digital ?"* |
| **Semaine 3-4** | Si signal positif → contrat pilote (prestation sur mesure, pas SaaS). |
## Questions ouvertes
1. **Ratio physique/digital** — l'argument ROI central pour le marketing director. À poser dès la première réunion.
2. **Prix pilote** — hypothèse : €3–8K pour une expérience sur mesure. À valider par la réaction du Lutécia.
3. **Delivery** — URL standalone avec token unique (décision recommandée). À valider en semaine 1.
4. **Performance iOS** — spike obligatoire en jour 1.
## Critères de succès
* Une réunion avec un décideur côté marque dans les 2 semaines
* Un contrat pilote signé dans les 6 semaines
* Le décideur peut répondre : *"Qu'est-ce qui a changé pour vous avec cette expérience ?"*
## Infrastructure
* **Phase pilote :** URL standalone, déployé sur VPS Hetzner + Dockploy. GitHub push → deploy auto. Pas de nouvelle infra.
* **Phase plateforme :** roadmap dédiée après validation du premier pilote.
## L'assignement
**Cette semaine** — Envoie un message à ton amie au Lutécia. Pas un pitch, une question :
*"Comment votre hôtel gère aujourd'hui la vente de bons cadeaux digitaux ? Je travaille sur quelque chose qui pourrait vous intéresser et j'aimerais comprendre votre process avant tout."*
Ce message te coûte 2 minutes. La réponse vaut 3 mois de développement. C'est la seule action qui ne peut pas attendre que tu sois à plein temps sur Wrappy.