Un produit qui se monte tout seul au scroll (sans coder le motion)
Tu génères deux images du même produit (éclatée puis assemblée), un modèle interpole l'entre-deux, Claude Code découpe le clip en frames et écrit le canvas qui les fait défiler au scroll. Résultat : le produit se monte à mesure que le visiteur descend, l'effet que les agences facturent des milliers. Aucune ligne de motion à écrire.
Pourquoi
Ce que les agences facturent des milliers, c'est une séquence d'images peinte sur un canvas et pilotée par le scroll. Pas de la magie, un enchaînement de quatre gestes. Tu as vu l'effet sur les pages produit Apple : tu descends, l'objet se construit tout seul, pièce par pièce, au rythme exact de ton doigt. Ça a l'air d'un budget motion à cinq chiffres. En réalité, c'est une suite d'images fixes qu'un <canvas> affiche une par une selon ta position de scroll. Tout le travail est de fabriquer ces images proprement et de les faire défiler sans casser. La chaîne : Nano Banana Pro génère la frame…
Quand
Phase création d'une page produit ou d'une section marketing à fort impact, audience designer/PM/PO qui veut une interaction signature sans équipe motion ni dev front dédié. ✅ Tu sais que c'est ton kit quand Tu as un objet héros dont l'assemblage raconte quelque chose (produit, device, packaging, kit de pièces) Tu veux une interaction pilotée par le visiteur, pas un fond qui tourne tout seul Tu…
Outils inclus
- Nano Banana Pro
- Seedance
- Claude Code
- Gsap