Comment enregistrer une vidéo de livraison de site web que le client suivra encore dans un an.

La méthode d’enregistrement

1. Listez les tâches du client, pas les fonctions du site

   Notez les cinq à huit choses que ce client fera sans vous : changer les horaires d’ouverture, ajouter un membre de l’équipe, publier un article, remplacer une photo. Dans le doute, posez-lui la question. Ce qu’il ne touchera jamais reste hors de la vidéo.

2. Connectez-vous comme le fera le client

   Utilisez le compte du client ou un compte ayant le même rôle, pas votre accès de designer ou d’administrateur. Les menus à l’écran correspondent alors à ce qu’il voit, et vous découvrez dès maintenant s’il manque quelque chose à ses droits.

3. Nettoyez l’écran

   Activez « Ne pas déranger », fermez les onglets des autres clients, masquez la barre de favoris et verrouillez votre gestionnaire de mots de passe pour qu’il ne s’affiche pas par-dessus le formulaire de connexion. Donnez à la fenêtre du navigateur une taille fixe, 1920×1080 par exemple, et notez-la.

4. Enregistrez la vue d’ensemble, puis chaque tâche

   Appuyez sur Maj-Commande-5, choisissez votre micro dans « Options » et enregistrez. Annoncez le nom de la tâche à voix haute avant chacune et marquez deux secondes de pause après chaque résultat publié. C’est sur ces pauses que vous couperez ou réenregistrerez plus tard.

5. Corrigez les ratés sans tout recommencer

   Rognez le début et la fin. Coupez un détour. Si vous avez cité le mauvais bouton à la sixième minute, ne réenregistrez que cette partie ; une prise de dix minutes ne mérite pas d’être refaite pour une phrase.

6. Exportez un MP4 et rédigez le résumé

   Regardez l’export une fois et notez à quel moment commence chaque tâche. Cette liste de repères temporels, avec une ligne par tâche, constitue le résumé écrit qui part avec le fichier.

7. Livrez le fichier et gardez la source

   Déposez le MP4 dans un dossier qui appartient au client, envoyez les identifiants par un gestionnaire de mots de passe ou par un canal distinct, et conservez votre projet d’enregistrement. Vous en aurez besoin à la première évolution du site.

Ce que doit couvrir une vidéo de livraison de site web, dans l’ordre

Six parties, dans cet ordre. Les durées sont notre recommandation éditoriale pour un site vitrine ou un site de petite entreprise ; l’ordre compte plus que les secondes. La connexion passe avant la visite, car un client qui n’arrive pas à entrer ne regardera pas la suite, et les limites viennent en dernier, car c’est ce qu’il cherchera le jour où quelque chose casse.

Si la liste dépasse huit tâches, ou si le total dépasse 12 minutes, gardez cette vidéo comme vue d’ensemble et enregistrez les tâches supplémentaires dans de courts clips séparés. Un client qui cherche « comment ajouter un tarif » ne doit pas avoir à parcourir un fichier de 25 minutes.

Un script de vidéo de livraison de site web à copier

Remplacez les crochets et gardez la liste à côté de l’écran pendant l’enregistrement. Inutile de la lire mot pour mot. Il faut en revanche un ordre arrêté, et chaque nom de menu prononcé exactement comme le client le voit.

Donnez la date dans l’ouverture, exprès. Un client qui ouvre le fichier dans deux ans doit savoir de quand il date, et c’est une correction d’une phrase le jour où vous mettez la vidéo à jour.

• Ouverture : « Voici la vidéo de livraison de [adresse du site], enregistrée le [date]. Elle montre comment vous connecter et comment faire les [nombre] choses que vous modifierez le plus souvent vous-même. »
• Connexion : « Rendez-vous sur [adresse de connexion]. Connectez-vous avec votre propre compte, celui que j’ai invité à l’adresse [e-mail]. Si vous oubliez le mot de passe, utilisez [nom du lien de réinitialisation] sur cet écran. »
• Plan : « Vous utiliserez trois zones : [zone 1] pour [usage], [zone 2] pour [usage], [zone 3] pour [usage]. Tout le reste, vous pouvez le laisser tel quel. »
• Chaque tâche : « Tâche [numéro] : [nom de la tâche]. Ouvrez [zone]. Cliquez sur [nom exact de la commande]. Modifiez [champ]. Cliquez sur [commande d’enregistrement ou de publication]. Ouvrez maintenant la page en ligne et vérifiez que [résultat]. »
• Où se trouve quoi : « Le domaine est enregistré chez [bureau d’enregistrement], sur le compte de [titulaire]. Le site tourne sur [plateforme et offre], facturé sur la carte de [titulaire]. Les messages du formulaire de contact arrivent dans [boîte de réception]. »
• Limites : « Merci de ne pas modifier [zone ou réglage] ; il commande la mise en page de toutes les pages. Si quelque chose semble cassé, n’essayez pas de le réparer. Écrivez à [contact] avec une capture d’écran. »

Exemple détaillé : un site Webflow de 6 pages livré à un cabinet dentaire

Le site compte six pages : Accueil, Traitements, Équipe, Tarifs, Blog et Contact. Les membres de l’équipe et les articles de blog sont des éléments du CMS. La personne qui le modifiera est la responsable administrative du cabinet, qui dispose d’un accès de modification du contenu et ne s’intéresse pas à la façon dont la mise en page a été construite.

Vous avez demandé ce qui change au cours d’une année normale et obtenu cinq réponses : les horaires pendant les congés, une nouvelle assistante dentaire, un article de blog par mois, les tarifs chaque mois de janvier et de nouvelles photos après des travaux. Ces cinq réponses sont les tâches. La vidéo dure 10:30.

Deux détails rendent cette version utile. La tâche 1 montre les deux endroits où figurent les horaires d’ouverture, la page Contact et le pied de page, car le client mettrait sinon l’un à jour en oubliant l’autre. Et chaque tâche se termine sur la page en ligne, pas sur l’écran de modification : la responsable apprend ainsi à vérifier le résultat tel qu’un patient le verrait.

Ce qu’il faut livrer avec la vidéo de livraison

La vidéo est l’une des quatre choses dont le client a besoin, et les trois autres se préparent en dix minutes. Envoyez le tout dans un seul e-mail, pour que le client retrouve l’ensemble en cherchant un seul message.

La liste de repères temporels fait office de chapitres dans n’importe quel lecteur : le client lit « 5:10 Publier un article de blog » et se place à 5:10. Demandez au client de répondre une fois la vidéo regardée. Un fichier dans un dossier ne vous donne aucun compteur de vues : une réponse est la seule confirmation que vous aurez.

Exemple de version : clinic-handoff-v2. La fiche précise la version du site ou CMS, le rôle client, la date, les noms de fichiers, le responsable et la prochaine révision. Demandez au client de modifier les horaires de test avec son propre rôle, de publier, puis de contrôler la page publique et le pied de page. Une vue ou un accusé de réception ne prouve pas qu’il sait le faire.

Avant une mise à jour, sauvegardez séparément le projet modifiable et ses médias. Exportez une nouvelle version et gardez l’ancien MP4 jusqu’au contrôle du client. Actualisez les repères temporels après toute coupe. Modifier le projet local ne remplace ni le fichier livré ni une vidéo intégrée dans Notion.

Enregistrer gratuitement une vidéo de livraison avec Maj-Commande-5, et où cela s’arrête

L’enregistreur fourni avec macOS suffit pour une première vidéo de livraison. Il capte l’écran et votre micro et enregistre un fichier .mov sur le bureau. QuickTime Player ouvre la même barre d’outils depuis Fichier > « Nouvel enregistrement de l’écran ».

Il s’arrête à trois endroits. Les fonctions de montage de QuickTime Player sont le rognage, la scission en plans, la réorganisation, l’ajout d’un plan et la suppression de l’audio ou de la vidéo : pas de zoom sur un petit bouton « Publish », pas de sous-titres et aucun moyen de réenregistrer une partie sur place. Sous macOS 14, 15 et 26, l’enregistreur intégré ne capte que le micro : un site dont la page contient une vidéo ou du son est donc enregistré muet. Et le résultat est un fichier figé : quand le client renommera un élément de menu dans trois mois, vous aurez le choix entre un nouveau plan inséré à la main avec exactement la même taille de fenêtre et une nouvelle prise de dix minutes.

1. Appuyez sur Maj-Commande-5 et choisissez « Enregistrer la partie sélectionnée » ; faites glisser le cadre sur la fenêtre du navigateur. À partir de macOS 26 Tahoe, vous pouvez utiliser « Enregistrer la fenêtre sélectionnée ».
2. Ouvrez « Options », choisissez votre micro et activez « Afficher les clics de la souris » pour que le client voie où vous cliquez.
3. Cliquez sur « Enregistrer » et déroulez le plan. Arrêtez avec le bouton « Arrêt » de la barre des menus ou avec Commande-Contrôle-Échap.
4. Ouvrez le .mov dans QuickTime Player et utilisez Édition > « Élaguer » pour retirer les temps morts au début et à la fin.
5. Pour une erreur au milieu, scindez la vidéo en plans autour d’elle et supprimez ce plan.

Tenir la vidéo de livraison à jour avec Qreata

Une vidéo de livraison est le type d’enregistrement qui doit rester juste pendant des années, et c’est pour ce travail que Qreata est conçu. Le projet reste modifiable après l’export : la vidéo envoyée en octobre se rouvre donc en janvier.

Reprenons le cabinet. Trois mois après la mise en ligne, il renomme Traitements en Soins. Dans la vidéo, ce libellé est à l’écran, et dans votre narration, de 2:10 à 2:30, à la fin du plan de l’administration. Ouvrez le projet, choisissez Replace Take (l’outil « Rerecord » de l’éditeur) et faites glisser sur 2:10–2:30 dans la timeline en maintenant Maj enfoncée. Ouvrez la liste des pages avec la même taille de fenêtre, dites la phrase avec le nouveau nom et arrêtez. L’écran, la caméra, le micro et l’audio système sont remplacés ensemble pendant ces 20 secondes ; les 10:10 restantes ne bougent pas. Exportez de nouveau et remplacez le fichier dans le dossier du client. Le passage doit tenir dans un seul segment et ne peut pas franchir une coupe ; une nouvelle prise plus courte que le passage est refusée, une plus longue est rognée à sa longueur.

Trois autres aspects de Qreata comptent pour le travail client. Le micro et l’audio système sont des pistes séparées, chacune avec son « Mute » et un « Volume » de 0 à 200 % : une vidéo qui démarre toute seule sur la page d’accueil du client se baisse ou se coupe après la prise sans toucher à votre voix. « Captions in video » incruste dans le MP4 des sous-titres avec surlignage mot par mot, utiles à un client qui regarde à l’accueil avec le son coupé. Et l’enregistrement, le montage et la transcription s’exécutent sur votre Mac, sans compte : rien n’est envoyé tant que vous n’appuyez pas sur un bouton d’envoi, et « Blur · select elements » garde floutée une liste d’envois de formulaire pendant que vous la faites défiler, ce que vous attendez quand l’espace d’administration d’un client est à l’écran.

Le client reçoit un simple MP4 (H.264). Il le conserve sans abonnement de votre côté ni du sien, et aucun lien hébergé ne cesse de fonctionner le jour où une offre expire. Qreata peut aussi envoyer le fichier sur Google Drive quand vous appuyez sur le bouton et vous donner un lien que peut ouvrir toute personne qui le possède. Qreata Cloud, un abonnement payant distinct, ajoute un lien hébergé si vous en voulez un ; la livraison n’en dépend pas.

Qreata ne détecte pas automatiquement les données sensibles : choisissez les éléments ou zones temporisées à masquer et contrôlez le fichier exporté. La bêta publique ne crée pas de chapitres et n’exporte pas de SRT. Un MP4 local ne fournit aucun rapport de visionnage ; utilisez l’exercice ci-dessus pour vérifier que le client sait suivre les étapes. Qreata fonctionne sur Apple Silicon avec macOS 14 ou ultérieur, propose une interface anglaise et russe et monte ses propres enregistrements.

Le prix convient à un travail facturé au projet : 49 $ une seule fois pour trois Mac, avec toutes les mises à jour futures et sans abonnement par poste à porter pendant les mois sans mise en ligne. Team coûte 149 $ une seule fois pour 50 Mac au maximum. Pour le tester pendant l’essai de 7 jours, enregistrez une visite de deux minutes d’un site que vous avez réalisé, exportez-la, puis rouvrez le projet et remplacez dix secondes par un élément de menu renommé.

Erreurs fréquentes dans les vidéos de livraison de site web

Chacune d’elles produit un e-mail d’assistance dans le premier mois.

• Enregistrer depuis votre propre compte administrateur. Le client se connecte, voit la moitié des éléments de menu et en conclut que quelque chose est cassé.
• Faire le tour de tous les menus. Le client a besoin de cinq tâches, pas d’une description de la plateforme.
• S’arrêter sur l’écran de modification. Montrez la page en ligne après chaque changement, pour que le client comprenne qu’enregistrer et publier sont deux moments différents.
• Saisir ou lire à voix haute un mot de passe. Envoyez des invitations vers les comptes personnels du client et gardez les identifiants hors de la vidéo et de l’e-mail.
• Montrer de vrais envois de formulaire ou des coordonnées de clients. Enregistrez avec une entrée de test. QuickTime ne peut pas flouter un enregistrement terminé, et dans Qreata une zone de floutage est un rectangle fixe que vous placez vous-même : une seule image oubliée montre encore le nom.
• N’envoyer qu’un lien depuis votre propre compte. Si la vidéo vit là où vous payez, elle disparaît quand vous cessez de payer. Donnez le fichier au client.
• Supprimer la source. Sans le projet ou l’enregistrement d’origine, la première évolution du site impose une prise complète.

Questions sur cette méthode