664 cartes animées pour les scènes entre deux prises

Un film PageToVid mêle des enregistrements réels d'un site et des scènes dessinées : un titre, une liste de fonctionnalités, un chiffre qui défile, une carte de fin. Ces scènes venaient de quelques dizaines de visuels construits à la main. Fiables, mais familiers bien trop vite.

Pendant ce temps, un autre de nos projets réunissait 665 modèles d'animation prêts à l'emploi, construits exactement sur la même base que PageToVid : Remotion, React et 30 images par seconde. Mêmes outils, même cadence, une palette de styles bien plus large. Restait à savoir comment les intégrer.

Nous aurions pu demander à un autre service de dessiner chaque carte pendant la fabrication d'un film. Nous avons préféré copier les modèles dans PageToVid et les dessiner avec le même moteur que tout le reste.

• Un film n'attend jamais un autre service, et n'échoue jamais à cause de lui.
• Chaque carte est dessinée dans la même passe que ses voisines, donc rythme et couleurs concordent.
• Une carte est du code, pas de la génération IA : elle ne coûte rien de plus.

Ce dernier point comptait le plus pour nous. Parce que les cartes sont du code, elles sont disponibles sur toutes les offres, y compris la gratuite, dès le premier film.

Un modèle qui brille dans sa propre démo peut trébucher dans un vrai film. Les nôtres existent en trois formats (16:9, 9:16 et 1:1), portent des sous-titres en bas et contiennent vos mots, qui ont rarement la longueur d'un texte d'exemple.

Nous avons donc dessiné les 664 modèles dans les trois formats, sous-titres activés et texte complet, en écrivant noir sur blanc ce que réussir veut dire : aucune image vide, aucun texte coupé ou caché sous les sous-titres, rien de trop petit pour être lu, aucune étiquette superposée. 651, 650 et 641 ont réussi selon le format. Un modèle qui échoue dans un format n'y est tout simplement jamais proposé.

Dans un film, une carte se place au-dessus des sous-titres, dure exactement sa part de la voix et porte les couleurs de votre marque, inversées si elles devenaient illisibles. Aucun texte d'exemple n'atteint un film, et l'image d'une carte est celle de la scène ou un dégradé de votre marque.

Une bibliothèque que personne ne voit n'existe pas vraiment. Le jour même, nous avons donc rendu les cartes visibles partout.

Nous avons dessiné une vraie affiche de chaque modèle dans chaque format qu'il réussit, soit 1 301 petites images. Le catalogue d'animations est devenu une seule grille de 817 animations, intégrées et dessinées côte à côte, avec recherche et filtres. Dans l'éditeur, chaque scène a gagné un sélecteur de cartes, avec un formulaire tiré des champs du modèle, gratuit sur toutes les offres.

Le planificateur les utilise avec retenue : une carte dans un film court, deux dès cinq scènes, trois dès neuf, et jamais deux d'affilée. Les enregistrements du vrai site restent le cœur du film.

Une fonctionnalité impeccable au premier rendu, qui disparaît sans bruit à la première retouche, n'est pas terminée. Avant de la déclarer prête, nous avons donc suivi les cartes à travers chaque chemin qui modifie un film.

• La relecture IA et l'ajustement de durée conservent chaque champ d'une carte.
• Changer le format d'un film transforme une carte impossible à y dessiner en une simple phrase de la scène, avec une note.
• Traduire un film traduit le texte d'une carte champ par champ, jamais ses liens, images ni chiffres.
• Restaurer une ancienne révision la remet à jour avant sa lecture.

Les assistants connectés par MCP peuvent aussi lister les cartes, lire les champs et l'affiche d'un modèle, et en demander un par son nom. Un test parcourt chacun de ces chemins et vérifie que les cartes en ressortent intactes.

Votre prochain film dispose de bien plus de façons de dire « voici un chiffre » ou « voici trois raisons » qu'hier, à vos couleurs, à la taille de votre format, et toujours construit autour des vrais enregistrements de votre site. Vous pouvez en lancer un maintenant et choisir une carte sur n'importe quelle scène à habiller.

Pour nous, la leçon tient à la forme du travail : une large bibliothèque n'est utile que derrière des portes étroites. Définir ce que réussir veut dire, et refuser le reste, c'est ce qui laisse entrer la variété sans laisser entrer les erreurs.