Un modèle est du JSON, jamais une image
Chaque calque connaît son rôle : prénom du bébé, date, lieu. On peut changer de modèle sans retaper un seul texte, et les couleurs sont des jetons de palette, pas des codes figés.
Étude de cas · Produit web
Un faire-part qui s'ouvre avec le prénom de chaque invité.
Un produit conçu de bout en bout : l'invité ne reçoit pas un PDF, il ouvre une scène de vingt secondes avec son prénom sur l'enveloppe, puis découvre la carte et répond en un geste.
Bêta gratuite en ligne
16scènes d'ouverture8 pour le mariage, 8 pour la naissance
8styles d'animation3D, cartoon, papier découpé, néon…
9occasions couvertesnaissance, mariage, baptême…
1seul moteur de rendul'aperçu est le fichier final
Le contexte
Le numérique n'a qu'un avantage sur le papier.
Un faire-part numérique qui se contente d'afficher une image est une version dégradée du papier. Ce que le papier ne peut pas faire, c'est le mouvement : une enveloppe qui traverse la mer, des lanternes qui s'allument, un fil rouge qui dessine les prénoms.
Le pari du produit : rien d'imprimé, rien à livrer, et une ouverture animée calculée pour chaque invité, avec son prénom à la plume sur l'enveloppe. J'ai tout construit, de l'architecture au déploiement : le modèle de données, l'éditeur, le rendu des images, les scènes 3D et l'hébergement.
Un lien par invité, une scène à son nom.
Un PDF joint à un messageUn lien personnel par invité, avec son prénom dans la scène
Un aperçu qui ne ressemble pas au fichier téléchargéLe même moteur de rendu à l'écran et à l'export
Des réponses par SMS, à recompter à la mainUn formulaire de réponse et un décompte à jour
Une vidéo lourde, la même pour tout le mondeDe la 3D en temps réel, sans fichier vidéo
De la carte à la réponse de l'invité.
- 1CarteOn choisit un modèle et on tape ses textes : l'aperçu se met à jour à chaque lettre.
- 2OuvertureOn choisit une scène parmi les huit de l'occasion, aux couleurs de la carte.
- 3InvitésChaque invité reçoit son lien. Son prénom s'écrit sur l'enveloppe à l'ouverture.
- 4RéponseAprès la scène, la carte, puis un bouton pour répondre. Les réponses se comptent seules.
- 5FichiersLa carte s'exporte aussi en image haute définition, en story verticale et en carré.
Vingt secondes avant la carte.
Les captures viennent de la bêta en ligne, avec des prénoms fictifs. Une scène peut être figée à n'importe quelle seconde : c'est ce qui permet de les tester image par image.
Des données, pas des images.
La scène est une fonction du temps
Chaque scène se calcule à partir de la seconde affichée. Elle se fige pour les tests, et sa dernière image tombe exactement sur la carte : le passage de la 3D à la vraie carte est invisible.
L'IA dessine, le code place
Pour enrichir le catalogue, l'IA propose palettes, polices et formulations, mais ne place aucune boîte. Chaque modèle est validé par un schéma, des contrôles automatiques et une relecture humaine.
StackNext.js 16React 19TypeScript strictThree.jsKonva + SkiaPostgreSQLDrizzleZod 4StripeVitest & PlaywrightDocker · Coolify