Aller au contenu principal

Les 21 visuels de scène : un visuel par phrase

Par Gauthier Bros, fondateur de PageToVidMis à jour le 8 min de lecture

Pour tout ce qu'une page web ne montre pas, PageToVid dispose de 21 types de scènes vidéo, du chiffre géant au fil de messages, et chaque scène dessinée d'un film est exactement l'un d'eux. Le bon visuel se déduit de la phrase prononcée par-dessus : un seul chiffre appelle un bignum, une évolution un chart, la parole de quelqu'un un quote ou un chat, et tout ce que le site peut montrer lui-même se filme au lieu de se dessiner.

Ce guide s'adresse à la personne qui retouche un storyboard, à la main ou via un assistant, et qui veut que chaque scène explique quelque chose au lieu de décorer. Nous avons recompté le catalogue dans notre code le 7 octobre 2026 : toujours 21 visuels dessinés ; list_motions affiche 26 options, car il compte aussi la captation d'écran.

Croix-Rouge française, les subventions publiques en chiffres : un film de données de 89 secondes en français, avec sept visuels dessinés différents (carton titre, stat, graphique, grand chiffre, jauges, puces, déclaration) entre trois clips IA.

Réalisé à partir de — avec PageToVid et publié par son auteur. Le voir sur sa page → · Voir toutes les vidéos publiques →

Le catalogue, classé par fonction

L'enregistrement d'écran de votre page ne figure pas dans cette liste. C'est une prise de vue, pas un visuel dessiné, et c'est ce que reçoit une scène dès que la page a quelque chose à filmer. Dans un film tiré d'un site, au moins la moitié des scènes sont des enregistrements (une sur quatre en 9:16), et le pipeline fait respecter ce plancher. Les 21 visuels couvrent le reste.

Les 21 visuels de scène et ce que chacun affiche au maximum
FonctionVisuelsMaximum affichéÀ utiliser pour

Les mots

statement, bullets, quote, testimonial, titlecard

bullets : 4 éléments

La thèse, une liste courte, la parole d'un tiers, le carton d'ouverture et de fin

Les chiffres

stat, bignum, counter, meters, chart, table

stat : 4 chiffres ; meters : 5 barres ; chart : 6 points

Un chiffre, quelques proportions, une vraie série, un tableau de valeurs

La structure

compare, checklist, timeline, grid, pricing

timeline, grid, checklist : 8 ; pricing : 3 offres

Deux options, une procédure, une chronologie, un aperçu des fonctions, des cartes tarifaires

Le récit

chat, beforeAfter, logos

chat : 6 bulles ; logos : 8

Une conversation, un avant/après, des noms que votre public connaît

Les images

image, gallery

gallery : 4 images

Une capture, une photo à vous, une image ou un clip générés par IA

list_motions publie ce même catalogue avec les champs requis et les plafonds de chaque visuel, pour qu'un assistant qui rédige un storyboard vérifie son choix avant tout rendu. Si vous passez par Claude ou un autre client MCP, voyez créer des vidéos avec Claude via MCP.

Ce que dessine le film Croix-Rouge, scène par scène

Nous avons réalisé ce film de 89 secondes à partir d'une page de données publiques sur les subventions recensées de la Croix-Rouge française. Il n'y a pas de produit à filmer : c'est donc un storyboard rédigé, dix scènes, 190 mots prononcés, une seule voix française.

  1. Un clip IA d'une maraude de nuit, sous « trois mille subventions publiques financent tout cela ».
  2. Un titlecard : le nom, avec « Rapport AIFR » en surtitre.
  3. Un stat à deux chiffres : le nombre de subventions et le total cumulé, près de 800 millions d'euros.
  4. Un chart des montants annuels de 2017 à 2023. La voix dit clairement que 2021 et 2022 manquent dans les données : le trou à l'écran est expliqué, pas caché.
  5. Un bignum : +45 % en six ans, teinté en succès.
  6. Des meters : les cinq premiers objectifs en part du total.
  7. Un second clip IA, puis des bullets avec les quatre objectifs restants.
  8. Un statement qui cite les sources.

Pourquoi cela fonctionne : chaque chiffre reçoit le visuel que sa phrase réclame. La série est un graphique, la seule évolution qui compte est un grand chiffre juste après, la répartition par objectif est en barres. Personne n'a à lire un tableau au rythme de la voix.

Ce que nous changerions dans notre propre film : les libellés des jauges portent le montant entre parenthèses et tiennent sur deux lignes. Les montants ont leur place dans la narration ; le libellé doit nommer l'objectif et s'arrêter là.

Choisir un visuel : partir de la phrase

Le visuel suit la ligne de narration, jamais l'inverse. Posez ces questions dans l'ordre et arrêtez-vous au premier oui.

  1. La page peut-elle le montrer ?

    Alors filmez-la. Pointez la scène sur l'élément avec un clic, une recherche tapée ou un projecteur. L'enregistrement du vrai produit bat toutes les cartes dessinées pour ce que fait le produit.

  2. La phrase contient-elle un seul chiffre ?

    Prenez bignum, ou counter si la progression elle-même compte. Deux à quatre chiffres liés vont dans un stat.

  3. Est-ce une comparaison ou un changement ?

    compare pour deux colonnes, beforeAfter pour une même image dans deux états, meters pour quelques proportions.

  4. Est-ce un ordre ou une procédure ?

    timeline quand l'ordre compte, checklist quand il ne compte pas.

  5. Est-ce la parole de quelqu'un ?

    testimonial avec une attribution, quote sans, chat pour un échange.

  6. Rien de tout cela ?

    Vous avez probablement deux idées dans une phrase. Coupez la scène : la narration fixe la durée, donc deux scènes ne coûtent aucune seconde de plus (voir la narration fait la durée).

Quand la réponse honnête est « une image que nous n'avons pas », une scène image avec une consigne de génération la crée. C'est une option des offres payantes, détaillée dans les images IA dans votre vidéo.

Les plafonds, et pourquoi une liste trop longue est refusée

Chaque visuel en liste affiche un maximum fixe : quatre puces, quatre stats, cinq jauges, six points de graphique, six bulles de conversation, trois offres tarifaires, huit étapes de frise, tuiles de grille, cases de checklist ou logos. Jusqu'à récemment, tout ce qui dépassait était supprimé au rendu, ce qui donnait une voix annonçant neuf fonctions sur une grille qui en montrait huit.

Aujourd'hui le storyboard refuse la scène, à la création comme à chaque modification, et indique quel champ est trop long et de combien. La solution est toujours la même : couper la scène. Neuf fonctions deviennent une grille de cinq et une grille de quatre, chacune avec sa phrase, et le film ne s'allonge pas puisque les mots n'ont pas changé.

Un plafond renseigne aussi sur le rythme. Une conversation de six bulles se lit en quelques secondes ; une scène de cinq jauges a besoin que la voix nomme au moins les deux premières, sinon le spectateur lit les libellés au lieu d'écouter.

Les erreurs que nous voyons dans les storyboards

  • Des puces partout. Le visuel le plus facile à écrire et le plus faible à regarder. Trois scènes statement valent souvent mieux qu'une liste de trois éléments.
  • Deux chiffres dans un `bignum`. Un grand chiffre, c'est un chiffre. Le second va dans la narration ou dans un stat.
  • Un graphique décoratif. Une courbe à la forme inventée fait décrocher un public technique dès la première image. Donnez-lui de vrais points ou passez à un statement.
  • Un `compare` déséquilibré. Si la colonne de droite est vide, personne ne croit celle de gauche.
  • Des `logos` que personne ne reconnaît. Une rangée de marques inconnues est une pause, pas une preuve.
  • Une carte dessinée là où le produit pouvait être filmé. L'erreur la plus coûteuse : la seule scène que l'acheteur voulait voir devient une tuile de fonctionnalité.

Changer le visuel d'une scène après le rendu

Dans l'éditeur de la page projet, ou via update_storyboard avec une opération set_visual, une scène change de visuel et garde son contenu si vous n'envoyez pas de nouvelles données. set_data corrige un chiffre en gardant le visuel. Ni l'un ni l'autre ne coûte quoi que ce soit ; le nouveau film est un nouveau rendu à 40 crédits, et la voix est réenregistrée à partir des mêmes mots. Toutes les réparations possibles sont dans corriger une vidéo sans la refaire, et la façon dont les scènes arrivent à l'écran est un autre choix, traité dans les transitions de scène expliquées.

Pour un film de données comme celui de la Croix-Rouge, le cas d'usage vidéo explicative montre le brief dont nous partons, et la page tarifs détaille ce que comprend chaque offre.

Quand s'en passer

Quand les 21 visuels ne sont pas le bon outil

Une animation sur mesure. Si votre marque a besoin d'une illustration animée originale, d'un personnage articulé ou d'un logo animé image par image, faites appel à un motion designer ou ouvrez After Effects. Nos visuels sont des gabarits remplis avec vos mots, vos couleurs et vos polices, pas de l'animation originale.

Des données à explorer. Un film montre une lecture d'un jeu de données au rythme de la voix. Si vos lecteurs doivent filtrer, survoler et comparer, intégrez plutôt un graphique interactif à la page.

Une longue démonstration. Vingt minutes de formation produit, c'est un enregistrement d'écran avec des chapitres, pas une suite de cartes. Pour comparer les outils sur ce terrain, voyez la page de comparaison.

Transformez votre site en vidéo — gratuitement

Collez la page à filmer. PageToVid écrit le script, filme le vrai site, enregistre la voix et livre le MP4.

Première vidéo offerte · sans carte · prête en quelques minutes

Questions fréquentes

Un enregistrement d'écran fait-il partie des 21 visuels ?

Non. Un enregistrement est une prise de vue de la page, et une scène le reçoit dès que la page a quelque chose à montrer. Les 21 visuels servent quand ce n'est pas le cas. Dans un film tiré d'un site, au moins la moitié des scènes sont des enregistrements, une sur quatre en 9:16.

Puis-je choisir le visuel moi-même ?

Oui. Le visuel de chaque scène est explicite dans le storyboard, et l'éditeur ou l'opération set_visual d'update_storyboard le change. Le visuel que vous nommez est celui que vous obtenez ; rien n'est remplacé en silence.

Pourquoi ma grille de neuf éléments a-t-elle été refusée ?

Une grille affiche au maximum huit tuiles. Au-delà, le storyboard refuse la scène et indique de combien elle dépasse, au lieu de supprimer le neuvième élément sans prévenir. Coupez-la en deux scènes ; la durée ne change pas, puisque ce sont les mots qui la fixent.

Quel visuel pour ouvrir un film ?

Le plus souvent un statement, un carton titre ou, pour un film pensé pour le mobile, un clip ou un enregistrement du produit en action. Les premières secondes décident si la suite sera regardée : une grille de fonctionnalités n'est presque jamais la bonne ouverture.

Une scène peut-elle combiner deux visuels ?

Non, et c'est voulu. Une scène, c'est une idée dessinée d'une façon. Si un moment demande un graphique et une citation, ce sont deux moments, et les séparer ne rallonge pas le film.