Faire une vidéo démo SaaS qui montre une seule tâche

« Démo SaaS » recouvre trois films différents, et la plupart des démos ratées sont l'un d'eux tourné avec le brief d'un autre.

Les démos marketing et de fonctionnalité sont scénarisées, courtes, et à refaire à chaque évolution du produit : c'est exactement ce que filmer une URL fait bien. La relance commerciale est personnelle : enregistrez-la vous-même. L'argument complet dans qu'est-ce qu'une vidéo de démo produit.

QuoteTrace aide les particuliers britanniques à comparer le devis initial d'un artisan avec sa version révisée. Nous avons tiré sa démo de 45 secondes de la page d'accueil : 82 mots, en 16:9.

Le film s'ouvre sur le vrai bandeau, « Your builder wants more money. See exactly what's changed. », avec la maquette de la page : un devis initial de 18 500 £ et un supplément de 1 850 £. Il filme ensuite le bloc « How it works » et ses trois étapes (charger le devis initial, charger le supplément, voir ce qui a changé) sous « Simply upload your original quote. Then, add the new revised builder request. » Trois cartes animées suivent : comparer, repérer les écarts, suivre le coût du chantier. La dernière scène est la meilleure : le vrai formulaire « Check a new charge », filmé dans un cadre de navigateur, sous « No account is ever needed. »

Ce qu'il faut en retenir. D'abord, c'est le produit qui porte la démo. Le formulaire de dépôt est le plan le plus fort parce que c'est ce qu'un particulier utilise vraiment ; dans votre propre démo, placez l'écran principal de votre produit sous la phrase qui décrit l'action, pas seulement sous l'appel à l'action.

Ensuite, filmez le produit, pas le bandeau. Le titre pose le problème en une scène ; tout le reste, c'est le vrai bloc « How it works » et le vrai formulaire. Ce rapport, une scène de promesse et le reste en produit, fait qu'une démo de 45 secondes mérite d'être regardée.

Six scènes, une idée chacune. Les budgets totalisent environ 85 mots, la fourchette anglaise de 45 secondes ; en français, prévoyez quelques mots de plus. La voix est une seule prise continue, donc ces budgets sont le minutage (voir la narration fait la durée).

Mettez ce plan dans le brief (« Ajouter du contexte ») et toute phrase à dire mot pour mot entre guillemets. Le planificateur écrit les scènes en conséquence et filme la page pour les illustrer.

Un navigateur cloud ne peut pas se connecter à votre place. Deux solutions :

• Une session de capture. L'extension navigateur PageToVid Bridge (ou l'extension VS Code) transmet votre session connectée, cookies et stockage local, à l'enregistreur, qui charge votre application déjà authentifiée. À partir du plan Scale. Utilisez un compte de démo aux données réalistes : trois projets plausibles, des noms crédibles, aucune donnée client à l'écran.
• Une page de démo publique. Si vous avez déjà un bac à sable, une visite interactive ou une page fonctionnalité avec de grandes captures, filmez cette URL. Cela marche sur tous les plans, y compris votre premier film gratuit.

Dans les deux cas, le format compte : 16:9 pour une application de bureau. Le 9:16 filme votre version mobile, et un tableau de bord compressé dans un téléphone devient illisible.

La démo la plus coûteuse est celle qui montre une barre latérale supprimée en mars. Comme le film part de l'URL, le storyboard garde ses mots et ses cibles de plan, et un nouveau rendu filme la page telle qu'elle est aujourd'hui : un rendu, 40 crédits, 10 minutes environ. Si un bouton a bougé et qu'un plan cadre le mauvais élément, re-pointez ce seul plan ; le reste ne bouge pas.

Rattachez-la à vos mises en production : quand une version modifie un écran que la démo montre, relancez la démo. Les équipes qui livrent chaque semaine le font depuis un assistant : faire des vidéos avec Claude via MCP. Pour un court film par version, le cas d'usage vidéo de notes de version convient mieux.

Avant de publier :

• Une tâche, nommée en scène 1, accomplie en scène 5.
• 75 à 95 mots anglais pour 45 secondes (un peu plus en français) ; rien au-delà de 60 secondes sur une page d'accueil.
• Chaque chiffre à l'écran existe sur votre page, comme un fait, pas comme un exemple.
• L'écran du produit apparaît au plus tard en scène 3.
• Des données de démo, jamais celles d'un vrai client.
• Un seul appel à l'action, identique au bouton de votre page.
• Vue une fois sans le son : les sous-titres racontent l'histoire à eux seuls.

Loom l'emporte quand votre visage et votre voix sont le message : démo commerciale personnelle, explication pour un collègue, réponse en direct à un client. La comparaison complète sur PageToVid ou Loom, les prix sur la page tarifs, et le parcours propre aux démos dans le cas d'usage vidéo démo SaaS.

• La visite guidée. Huit fonctionnalités en 45 secondes, ce sont huit demi-secondes de rien. Une tâche.
• Des données fausses ou gonflées. Un exemple devenu moyenne, ou un tableau de bord rempli de « Lorem » et de chiffres ronds. Le spectateur le voit.
• La démo de trois minutes en page d'accueil. C'est un rendez-vous commercial. Réduisez à une tâche, ou découpez en série.
• Ouvrir sur le logo. La scène 1, c'est le problème du spectateur ; le nom vient en scène 2.
• Le bandeau seul. Un film qui ne quitte jamais le titre, c'est un slogan lu à voix haute.