Pour présenter un logiciel en vidéo, deux approches s'opposent souvent. La démo filmée, un enregistrement d'écran commenté, se fait en une après-midi avec un outil gratuit. La vidéo en motion design, où l'interface est recréée et animée, demande quelques semaines. Les deux ont leur place, mais pas au même endroit du parcours d'achat.
La démo filmée : montrer tout le produit, tel qu'il est
Un enregistrement d'écran montre le vrai produit, en vrai, avec le vrai curseur. C'est l'outil idéal pour :
- les tutoriels et l'aide en ligne, où l'utilisateur veut refaire le geste exact ;
- les démos commerciales envoyées après un rendez-vous, qui répondent à une question précise ;
- les mises à jour fréquentes, où une vidéo doit suivre chaque nouvelle version.
Ses limites : l'écran est chargé, le curseur hésite, le texte est trop petit sur un téléphone, et la vidéo montre tout au lieu de montrer l'essentiel. Elle fonctionne pour quelqu'un qui cherche déjà votre produit, beaucoup moins pour quelqu'un qui le découvre.
La vidéo motion design : montrer ce que le produit change
En motion design, l'interface est redessinée et animée. On retire les menus inutiles, on zoome sur la zone qui compte, on ralentit le moment clé, on ajoute les schémas qui expliquent ce qui se passe derrière l'écran. C'est l'outil idéal pour :
- la page d'accueil et les pages produit, où le visiteur découvre ce que vous faites ;
- un lancement, sur Product Hunt ou LinkedIn, où il faut accrocher en quelques secondes ;
- expliquer un bénéfice, pas seulement un parcours de clics : le temps gagné, l'erreur évitée.
Ses limites : elle se produit en quelques semaines et coûte plus cher qu'un enregistrement d'écran. Elle doit donc montrer une idée qui ne changera pas à chaque version du produit.
Comparer
| Démo filmée | Vidéo motion design | |
|---|---|---|
| Pour qui | Quelqu'un qui connaît déjà le produit | Quelqu'un qui le découvre |
| Ce qu'elle montre | Le parcours complet, clic par clic | L'idée, et l'action qui compte |
| Lisible sur téléphone | Rarement | Oui, c'est conçu pour |
| Mise à jour | Refaire l'enregistrement | Remplacer un écran dans l'animation |
| Délai | Quelques heures | Quelques semaines |
Combiner les deux
Les SaaS qui présentent bien leur produit utilisent souvent les deux :
- une vidéo motion design en haut du site et au lancement, qui fait comprendre l'idée en une minute ;
- des démos filmées dans l'aide en ligne et dans les emails commerciaux, pour ceux qui veulent voir le détail.
C'est ce qu'on a fait pour NotionScheduler : l'interface réelle, redessinée et animée à 60 images par seconde, pour montrer en 56 secondes l'idée qui porte tout le produit.
Les bonnes pratiques d'une interface animée
- Partir de captures réelles : l'interface reste reconnaissable pour l'utilisateur qui l'ouvrira.
- Simplifier sans mentir : on retire le superflu, on n'invente pas une fonctionnalité.
- Une action par plan : un clic, un résultat.
- Des textes lisibles sur téléphone : on agrandit les zones importantes.
- Animer sur la version finale des écrans : le script et le storyboard se valident pendant que le produit se stabilise.
En résumé
La démo filmée montre tout le produit à quelqu'un qui le cherche ; la vidéo motion design fait comprendre l'idée à quelqu'un qui le découvre. Commencez par la seconde pour votre site et votre lancement, et gardez la première pour l'aide en ligne et les commerciaux. Notre vidéo de présentation coûte 2 250 € HT, et notre article sur la vidéo de lancement d'un SaaS détaille comment la décliner.
