Qu’est-ce qu’une vidéo de démonstration produit ?
Une vidéo de démonstration produit, c’est un film court où votre vrai produit accomplit à l’écran la tâche pour laquelle il existe, pendant qu’une voix explique ce qui se passe. Elle répond à « à quoi ça ressemble quand je m’en sers ? », une autre question que celle de la vidéo explicative (« pourquoi ça me concerne ? ») ou du tutoriel (« comment je fais ceci ? »).
Ce guide s’adresse au fondateur ou au responsable marketing produit à qui l’on répète « il nous faut une démo » et qui veut savoir de quel film il s’agit. Nous comparons deux montages d’une même démo réelle, réalisée à partir de dogebot.net, puis nous listons ce qui doit apparaître à l’écran.
DogeBot : une démo de 61 secondes en 16:9 réalisée à partir de dogebot.net, 97 mots prononcés. Un canevas sans code pour bots Discord : glisser des blocs, les relier, enregistrer, et le bot tourne, hébergé 24 h/24.
Démo, explicative, tutoriel, promo : quatre questions différentes
Ces quatre films se confondent parce qu’ils peuvent tous être courts, commentés et tirés du même site. Ce qui les distingue, c’est la question à laquelle chacun répond, et donc ce qui remplit l’écran.
| Film | La question | Qui regarde | Ce qui remplit l’écran | Durée habituelle |
|---|---|---|---|---|
Vidéo de démonstration produit | « À quoi ça ressemble quand ça marche ? » | Quelqu’un qui hésite à essayer | Le vrai produit, en train de faire une tâche | De 30 s à quelques minutes |
Vidéo explicative | « Pourquoi ça me concerne ? » | Un nouveau venu dans la catégorie | Le problème, l’idée, un peu de produit | 30 à 90 s |
Tutoriel | « Comment je fais ceci ? » | Un utilisateur existant, en pleine tâche | Chaque clic, dans l’ordre | 1 à 10 min |
Vidéo promotionnelle | « Pourquoi agir maintenant ? » | Quelqu’un qui vous connaît déjà un peu | L’offre, le prix, l’échéance | 15 à 45 s |
Un test simple : si l’on pouvait remplacer le produit par une photo de banque d’images sans que le film perde son sens, ce n’est pas une démo. Chaque voisin a son guide : ce qu’est une vidéo explicative, ce qu’est un tutoriel vidéo et ce qu’est une vidéo promotionnelle.
Les trois durées d’une démo, et la place de chacune
« Démo » recouvre aussi trois durées très différentes. Choisissez la vôtre avant d’écrire une ligne : chacune a son public et son emplacement.
| Durée | Mots | Ce qu’elle couvre | Où la publier |
|---|---|---|---|
Teaser de 30 secondes | Un peu plus de 50 à 60 | Une action et son résultat | Fils des réseaux sociaux, une publicité, le haut d’un post de lancement |
Présentation de 60 à 90 secondes | Un peu plus de 105 à 130 pour 60 s, davantage pour 90 s | La tâche de bout en bout : problème, deux ou trois actions, résultat, un appel à l’action | Page d’accueil, page de destination, galerie de lancement, e-mail commercial |
Visite complète | Plusieurs centaines | Chaque écran principal, les réglages, les cas limites | Une page démo, une relance commerciale, une chaîne YouTube |
La voix off est une prise continue et les scènes se la partagent : ce sont donc les mots qui fixent la durée (voir la narration fait la durée). En français, il faut un peu plus de mots qu’en anglais pour le même temps. PageToVid produit des films de 15 à 180 secondes, ce qui couvre le teaser et la présentation. La visite complète, où quelqu’un clique pendant dix minutes en expliquant ses choix, est à enregistrer vous-même.
Deux montages d’une démo réelle : DogeBot en 45 et 61 secondes
DogeBot (dogebot.net) permet aux administrateurs de serveurs Discord de construire un bot sur un canevas en glisser-déposer, sans écrire de code. Deux films ont été tirés de son site, tous deux en 16:9 et filmés sur la version bureau dans notre navigateur cloud : une comparaison nette de deux durées sur le même produit.
Le montage de 61 secondes compte 97 mots prononcés, en anglais. Il s’ouvre sur « Still building Discord bots with complex code? », nomme le produit et son public dans la phrase suivante, puis consacre l’essentiel de ses mots au canevas : glisser des blocs, les relier, construire la logique sans code, plus de 100 blocs, 12 modules et 100 variables. Viennent ensuite les deux faits qu’un administrateur vérifie avant d’essayer quoi que ce soit : les commandes sont actives dès l’enregistrement, et le bot est hébergé 24 h/24. Il se termine sur l’offre gratuite, sans carte bancaire.
Le montage de 45 secondes compte 79 mots et garde la même colonne vertébrale : le problème du code, le canevas, le nombre de blocs, l’hébergement, l’offre gratuite. La version courte retire des redites, pas des faits. Son accroche nomme plutôt le coût de l’ancienne méthode (« Traditional coding takes weeks »), et elle garde un détail qui compte pour les propriétaires de bots : les clés d’API restent protégées.
Côte à côte, les deux films montrent de quoi est faite une démo. Le problème tient en une phrase ; le produit prend tout le reste. Chaque chiffre se vérifie sur dogebot.net. La fin reprend l’offre de la page elle-même : commencer gratuitement. Passer de 61 à 45 secondes a coûté 18 mots et aucun plan du produit : on coupe la deuxième façon de dire une chose, jamais l’écran qui la prouve.
Ce qu’il faut montrer à l’écran, par ordre d’importance
Une démo se juge à ses écrans. Voici l’ordre que nous appliquons quand nous planifions les plans d’une démo à partir d’une page :
- L’écran de travail. Le canevas, l’éditeur, les résultats de recherche, un tableau de bord rempli de données. Il va sous chaque phrase qui décrit une action.
- Le moment du changement. Un bloc déposé sur le canevas, un champ rempli, un résultat qui apparaît. Notre enregistreur peut taper une vraie requête ou cliquer sur un vrai bouton de la page en ligne.
- La preuve sur la page. Un nombre de blocs, une note. Filmez la zone de la page où vit ce chiffre, pour qu’il soit à l’écran pendant que la voix le prononce.
- L’appel à l’action, sur le bouton. Terminez sur le libellé du bouton de la page, bouton dans le cadre.
- Le bandeau d’accueil, une fois. Une scène pour poser le problème. Une démo qui reste sur le bandeau d’accueil n’est qu’un slogan lu à voix haute.
Quand la page ne peut pas montrer un moment, comme le bot qui répond dans Discord, une scène en motion design le remplace ; les options sont décrites dans les visuels de scène.
Les erreurs que nous voyons dans les rendus de démo
- La liste de fonctionnalités. Douze fonctions en 45 secondes, c’est une plaquette. Choisissez la tâche qu’un nouvel utilisateur fait en premier.
- La mauvaise page. Coller la page d’accueil alors qu’une page fonctionnalité ou une démo publique montre bien mieux le produit.
- Une application de bureau dans un cadre de téléphone. Chez PageToVid, le 9:16 filme la version mobile du site dans un écran de téléphone. Si votre produit exige un grand écran, faites la démo en 16:9.
- Trois appels à l’action. S’inscrire, réserver un appel, nous suivre. Un seul suffit.
La faire à partir de votre page, et ce que ça coûte
Collez l’URL sur la page de création, choisissez le format et la durée, et indiquez dans le brief la tâche à montrer et toute phrase à dire mot pour mot. Nous lisons la page, écrivons le storyboard, filmons le site en ligne dans un vrai navigateur cloud en densité Retina, enregistrons la voix en une prise et en tirons les sous-titres, en 10 minutes environ. Chaque scène reste modifiable ; un nouveau rendu coûte un rendu, soit 40 crédits.
Le premier film sur n’importe quel site est gratuit, sans carte ; les films gratuits portent un petit badge et un écran de fin. Un film sans abonnement coûte 3,90 $ ; le plan Creator à 19 $ par mois couvre 25 films (tarifs).
Pour la marche à suivre, avec un script scène par scène et le tournage derrière une connexion, lisez comment faire une vidéo démo SaaS. D’autres films sont sur le cas d’usage vidéo démo SaaS, et PageToVid face à Loom dit quand il vaut mieux enregistrer soi-même.
Quand votre démo ne doit pas venir de PageToVid
Une démo personnelle, en direct. Si un prospect attend des réponses sur ses propres données et ses propres questions, enregistrez-la avec Loom ou faites-la en visio : la conversation est la démo.
Une visite complète. Dix minutes sur chaque écran, avec quelqu’un qui explique ses choix, c’est un travail d’enregistreur d’écran : Loom, Screen Studio ou OBS.
Un produit sans page web à filmer. Une application mobile native, un logiciel de bureau ou un appareil se filment sur l’appareil. Pour un produit physique, un téléphone et CapCut feront mieux que n’importe quel screencast.
Un film de lancement avec acteurs et décor. C’est le travail d’une agence ou d’une société de production.
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.
Questions fréquentes
Qu’est-ce qu’une vidéo de démonstration produit ?
Un film court qui montre votre vrai produit en train d’accomplir sa tâche, à l’écran, avec une voix qui décrit chaque étape. Elle montre le produit en usage, là où une vidéo explicative dit pourquoi il compte et où un tutoriel apprend une tâche à un utilisateur existant.
Quelle durée pour une vidéo de démonstration ?
Trente secondes pour un teaser dans un fil d’actualité, 60 à 90 secondes pour une présentation en page d’accueil, et plusieurs minutes seulement pour une visite complète que des acheteurs déjà en évaluation choisiront de regarder. En français, une démo de 60 secondes demande un peu plus de mots que les 105 à 130 de l’anglais.
Quelle différence entre une vidéo démo et une vidéo explicative ?
L’écran. Une démo, c’est surtout le produit lui-même, en marche. Une vidéo explicative passe l’essentiel de son temps sur le problème et l’idée, et peut ne montrer le produit que brièvement. Beaucoup d’entreprises ont besoin des deux : l’explicative pour les nouveaux venus, la démo pour ceux qui comparent déjà.
Peut-on faire une démo produit sans enregistrer son écran ?
Oui. PageToVid filme la page en ligne dans un navigateur cloud à partir de son URL, écrit la narration d’après la page et enregistre une voix de synthèse : vous n’enregistrez jamais de prise vous-même. Les pages derrière une connexion demandent une session de capture, à partir du plan Scale.