Faire une vidéo de démonstration de son site pour Instagram, TikTok et LinkedIn

Pourquoi une vidéo plutôt qu’une image

Les fils d’Instagram, de TikTok et de LinkedIn lancent les vidéos automatiquement, sans le son. Le mouvement attire l’œil pendant le défilement, là où une image fixe passe facilement inaperçue. Une vidéo de démonstration a un autre avantage : elle montre tout ton site (l’en-tête, les sections, le pied de page) en quelques secondes, ce qu’aucune capture ne peut faire.

Elle sert dans plein de situations : annoncer un lancement ou une refonte, présenter une nouvelle fonctionnalité, mettre en avant une réalisation client, ou simplement rappeler que ton site existe.

Les trois ingrédients d’une bonne vidéo de site

1. Le format vertical 9:16

Sur téléphone, le format vertical occupe tout l’écran. C’est le format natif des Reels, des stories et de TikTok, et LinkedIn l’accepte aussi dans le fil. Un smartphone en 9:16 remplit naturellement le cadre : ton site est grand, lisible, et personne n’a besoin de tourner son téléphone.

2. Le défilement de la page

C’est lui qui raconte l’histoire : on part du haut de la page, on traverse les sections principales et on arrive au pied de page. Pour que ce soit lisible, la page doit être capturée à la largeur réelle du smartphone. Une capture de la version bureau rétrécie dans un téléphone donne un texte microscopique, et l’effet est raté.

3. La boucle parfaite

Les réseaux rejouent les vidéos courtes en boucle. Si la fin ne raccorde pas avec le début, le saut se voit et casse l’effet. Une vidéo qui boucle sans à-coup peut au contraire être regardée deux ou trois fois sans que la personne s’en rende compte, ce qui augmente le temps de visionnage.

Créer la vidéo avec Flokup, étape par étape

1. Ouvre le studio et colle l’adresse de ton site. La capture est faite à la taille exacte de l’appareil, sans la bannière cookies.
2. Choisis un smartphone (à îlot ou à poinçon) et une finition qui contraste avec ton fond.
3. Choisis l’animation. « Présentation » fait entrer l’appareil en scène, parfait pour une annonce. « Flottement » donne un mouvement doux et continu, idéal pour une boucle.
4. Passe en format 9:16. Le cadrage se recalcule autour de l’appareil.
5. Choisis un fond aux couleurs de ta marque : un dégradé fonctionne très bien en vidéo.
6. Exporte en MP4. Les animations de Flokup sont bouclées sur 12 secondes : une vidéo de 12 secondes se répète donc sans à-coup.

Pour le détail de chaque réglage, notre guide créer un mockup de son site gratuitement reprend toutes les étapes du studio.

Quelle résolution et combien d’images par seconde ?

Les réseaux recompressent tout ce que tu publies. Il vaut donc mieux leur donner une source propre :

• 1080 × 1920 pixels suffit pour une publication verticale : c’est la taille de référence des plateformes.
• 60 images par seconde rend le défilement plus fluide, surtout pour du texte qui bouge. 30 images par seconde reste correct si le fichier doit être léger.
• La 4K est utile si tu montes ensuite la vidéo dans un logiciel de montage : tu peux zoomer ou recadrer sans perdre en netteté.

Adapter la vidéo à chaque réseau

Les plateformes font évoluer leurs recommandations : vérifie de temps en temps leurs pages d’aide. Toutes les options d’export sont sur la page fonctionnalités. Pour aller plus loin sur les cadres et les zones de sécurité, lis notre guide des formats par réseau social.

Monter et publier : les détails qui font la différence

Une accroche dès la première seconde

Ajoute un texte court en haut de la vidéo dans l’éditeur du réseau : « Notre nouveau site est en ligne », « Avant / après la refonte », « Le site de la boulangerie Martin ». Le spectateur doit savoir tout de suite ce qu’il regarde.

Respecte les zones de sécurité

En 9:16, le haut de l’écran est occupé par le nom du compte et le bas par la légende et les boutons. Place tes textes au centre. Avec un smartphone centré dans le cadre, ton site reste visible même avec toute l’interface par-dessus.

Ajoute une musique, mais ne compte pas dessus

Beaucoup de gens regardent sans le son. La vidéo doit se comprendre sans la musique, et les sous-titres ou le texte à l’écran portent le message.

Termine par une action claire

Dans la légende, dis quoi faire : visiter le site, demander un devis, réserver. Sur Instagram et TikTok, le lien se met en général dans la bio ; sur LinkedIn, tu peux l’ajouter en commentaire ou dans le texte.

Réutilise la même vidéo partout

Exporte une version 9:16 et une version 4:5 depuis le même projet : tu couvres ainsi les stories, les Reels, TikTok et le fil LinkedIn en quelques minutes. Si tu travailles pour des clients, cette petite série de vidéos est aussi un excellent livrable de fin de projet, comme on l’explique dans présenter un site à un client.

Questions fréquentes

Quelle durée pour une vidéo de démonstration de site ?

Entre 8 et 15 secondes suffit pour la plupart des publications. Les animations de Flokup bouclent sur 12 secondes, ce qui donne une vidéo qui se répète sans saut.

Peut-on montrer un site sur ordinateur dans une vidéo verticale ?

Oui, mais il sera petit dans un cadre 9:16. Pour la version bureau, préfère les formats 16:9 ou 1:1 et garde le smartphone pour les vidéos verticales.

Faut-il un compte pour exporter la vidéo ?

Le studio et la prévisualisation sont ouverts sans compte. Pour télécharger, une inscription gratuite suffit : ton premier téléchargement est offert en qualité maximale, et les offres Pro et Agence donnent ensuite des téléchargements illimités.