March 10, 2022
Le format web story est un petit nouveau dans le monde du web, c’est en 2018 qu’elles font leur première apparition sous le nom d’AMP story.
La principale différence avec les story classique (Instagram, Facebook) c’est qu’une web story est une page à part entière qui n’est relative qu’à elle-même et qui est distribuée sur votre site web.
Voici un exemple réalisé avec l’un de nos clients: Exemple
Comme vous pouvez le voir, une webstory ressemble techniquement à ce que vous pouvez trouver comme story sur les réseaux sociaux. Le format standard d’une web story est un format mobile portrait (9:16), mais il est tout à fait possible de créer une version desktop d’une webstory.
Dans une webstory on peut retrouver des éléments de plusieurs natures :
Elles sont généralement constituées de 12 pages maximum et avec du contenu texte limité également. Ce format est très efficace pour diffuser du contenu, c’est court, c’est animé, c’est visuel et c’est adapté à une consommation sur mobile (80% du trafic web en 2020).
Les avantages de la web storie:
L’étude du produit est primordiale afin de savoir ce que nous voulons montrer à nos utilisateurs.
Les questions à se poser sont les suivantes:
Une fois que vous aurez répondu à ces questions, vous pouvez commencer à élaborer un prototype de scénario.
L’étape d’écriture du scénario est la plus importante. C’est le moment de poser par écrit ce vous voulez transmettre et montrer à vos utilisateurs. La web story doit de suffire à elle-même et elle implique d’avoir du rythme. Chaque page doit contenir une idée, une étape et un minimum de caractère.
Il aussi important de limiter le nombre de page à 10 pour ne pas perdre votre utilisateur. Pensez aussi à traduire à ce moment le scénario dans le nombre de langue que vous souhaitez.
Dans cette partie, identifier les parties qui auront besoin d’un appui visuel (photo ou vidéo) et celles qui n’en ont pas besoin. La partie “Astuce et Conseil” de la webapp est dédiée à ce contenu texte qui est important, mais qui n’a pas besoin d’être illustré par une photo ou une vidéo.
Exemple de scénario pour une page:
[FR] Nom de la story: Installation
Etape 1: Brancher le câble secteur et appuyer sur ON
10 pages maximum par webstorie
100 caractères maximum par page
15 sec maximum par page
Pas besoin de son ou de parole
un format très visuel, vidéos et photos, utilisez-les pour rendre le contenu dynamique.
Les vidéos, comme le texte, doivent être courtes (15 secondes maximum par page). La web story reste un format très adapté au snack content, pensez-y. Le décor utilisé pour tourner les vidéos doit être moderne, uni et surtout qu’il corresponde à votre univers de marque.
Les informations à renseigner dans le storyboard sont les suivantes:
Les directives sont les suivante pour les photos et vidéos:
Exemple de storyboard pour une page:
Ça y est c’est le jour J ! Vous vous êtes sûrement entouré d’un réalisateur ou vous le faites vous-même à l’aide de votre smartphone. Vous avez l’ensemble de vos accessoires et votre set-up est mis en place.
Pour le set-up pensez bien à avoir un éclairage qui soit diffus et qui mette votre produit en valeur. Pensez à prendre un maximum de prises pour pouvoir sélectionner les meilleures ensuite.
Pensez également à prendre des photos de votre produit pour pouvoir les insérer sur les “cartes” des story. Prenez des prises longues pour ensuite, lors du montage, pouvoir séquencer les vidéos.
Pensez, lors du cadrage des vidéos, à laisser un espace vide sous le produit afin de laisser de la place pour le texte qui sera ajouté par la suite. Un gradient noir sera ajouté dans tous les cas pour faire ressortir le texte blanc. Pensez également à laisser de l’espace autour du produit pour pouvoir zoomer si besoin en post-production.
Une fois les vidéos tournées et les photos prises, pensez à les dupliquer directement sur un disque dur, cela vous évitera de les perdre à tout jamais.
Vous pouvez utiliser des logiciels gratuits (DaVinci Resolve) ou payants (Adobe Premiere) pour faire le montage de vos vidéos.
Vous pouvez aussi en profiter pour faire le séquençage des vidéos.
Pensez, lors du montage des vidéos, à jouer sur la luminosité et les contrastes pour que les vidéos soient les plus impactantes possible et que le texte blanc, qui sera ajouté ensuite, ressorte bien.
Lorsque vous avez fini le montage de vos vidéos, pour plus de clarté, nommez-les de cette manière là:
Ex : 1A_NOMPAGE_INITIALESENT_JJMMAA
Si vous souhaitez intégrer des liens, c’est le moment ! Nous pouvons intégrer des CTA à des pages pour faire des redirections.
Nous nous occupons alors du reste, et nous vous livrerons votre assistant produit dans les 15 jours après réception de vos photos, vidéos et textes.
Pour plus d'information contacter Grégoire Galichon.