← Retour au blog

La video de montage de notre nouveau web.

Publication de Jeremy Wick

Notre page d'accueil est la première interaction que la plupart des visiteurs et clients ont avec notre marque. Notre page d'accueil précédente incluait une vidéo montrant le processus de commande, mais il manquait une histoire centrée sur nos clients. Voici un aperçu des coulisses de la création de notre nouvelle vidéo sur la page d'accueil.

Scénario

Au lieu de faire une vidéo basique sur comment faire, nous voulions faire quelque chose de plus inspirant et persuasif. Pour ce faire, nous savions que nous devions raconter une histoire – une histoire qui tournait autour de nos clients. Ce qui est en quelque sorte une bénédiction et une malédiction pour notre entreprise c'est que nous avons toutes sortes de clients différents : grandes entreprises, petites entreprises, organisations à but non lucratif, amateurs, bricoleurs, développeurs, designers... la liste est longue. Nous ne recherchons pas qu'un seul « client cible », nous avons donc décidé de concentrer notre histoire sur trois : une startup, un bricoleur et un designer.

Une fois nos personnages sélectionnés, nous nous sommes concentrés sur quelques fonctionnalités clés de Sticker Mule que nous voulions mettre en évidence dans le scénario :

Facilité d'utilisation

  • Aucune restriction de fichier
  • Compatible avec les mobiles

Bons à tirer

  • Bons à tirer en ligne sous 4 h
  • Révisions illimitées

Vitesse

  • Délai d'exécution rapide
  • Livraison gratuite

Il était important de relever les différences mineures dans la façon dont chaque personne utilise Sticker Mule. Par exemple, si nous montrons seulement quelqu'un en train de télécharger une photo depuis son téléphone, cela pourrait détourner le concepteur qui veut une impression parfaite au pixel près. Mais si nous montrons seulement le designer en train de télécharger une image vectorielle, cela pourrait détourner quelqu'un qui n'a pas de compétences en graphisme.

Après avoir présenté le processus de commande dans sa totalité, nous nous sommes concentrés sur la façon dont chaque personne utilise les stickers dans la vraie vie. La facilité de commande et l'expédition rapide sont excellentes, mais la façon dont ils prévoient d'utiliser les stickers est la principale raison pour laquelle les clients les achètent.

Le storyboard

Un storyboard est un dessin scène par scène de la vidéo. Nous avons créé un storyboard pour planifier le tournage et résoudre les éventuels écueils avant un quelconque tournage. Nous avons gardé les choses simples en limitant la vidéo à 4 emplacements différents : le bureau d'Aaron, l'espace de travail de Jess, le bureau de Brian et un emplacement qui les connecterait tous les trois.

Le storyboard vs la vidéo finale

Voix off

Nous avons utilisé le même programme de voix off pour rester cohérent avec nos autres vidéos. Un grand avantage d'utiliser une voix off (par opposition au dialogue devant la caméra), est que nous n'avons pas à nous soucier du son une fois que nous commençons à filmer. Cela rend la prise de vue et le montage beaucoup plus faciles et plus rapides.

Tournage

Nous avons tourné toute la vidéo en une journée. Cela nécessitait un calendrier serré pour chaque emplacement et des temps d'appel fixes pour les acteurs. Heureusement, chaque tous les emplacements était relativement proches les uns des autres et tout le monde s'est présenté à l'heure.

Nous avons gardé le storyboard à portée de main comme référence pour nous assurer que chaque plan correspondait à ce que nous avions envisagé.

Pour la scène finale, nous savions que le timing était la clé. Nous avons donc joué la voix off via un iPhone, ce qui a permis de synchroniser le mouvement de la caméra et des acteurs.

Édition

Nous avons combiné Premiere Pro et After Effects pour tout le travail de post-production sur cette vidéo.

Avec à l'esprit que le processus de commande était un élément clé de cette vidéo, nous savions que tout ce qui se passait sur les écrans de la vidéo devait être vraiment beau. Mais filmer un écran n'est pas toujours facile et n'a pas toujours l'air aussi net que vous le voudriez. Pour cette raison, nous avons décidé de superposer les screencasts sur les écrans tournés dans la vidéo. Pour le MacBook et l'iMac, c'était relativement facile, mais l'iPhone a nécessité un travail de suivi de mouvement et de masquage pour lui donner un aspect réaliste.

Modification de la vidéo de la page d'accueil de Sticker Mule

Au lieu d'utiliser des images de capture d'écran, nous avons recréé chaque scène et l'avons animée dans After Effects. Cela a rendu tout le mouvement parfaitement fluide et nous a aidés pour l'étape suivante : la traduction.

La traduction

La vidéo ayant été enregistrée avec une voix off, la traduction a été très simple. Cependant, les scènes à l'écran devaient être mises à jour pour avoir les versions traduites du site dans chaque langue. Pour rendre cela facile, nous avons utilisé le plugin Templater Rig After Effects de Dataclay.

Texte de la vidéo sur la page d'accueil

Le plugin Templater nous a permis de mettre à jour chaque couche de texte via une feuille Google. Nous n'avions à animer les screencasts qu'une seule fois, et nous pouvions facilement changer de langue en cliquant sur un bouton.

Si vous souhaitez voir notre vidéo de page d'accueil dans différentes langues, voici les liens. Assurez-vous simplement de revenir à l'anglais (en bas à droite) lorsque vous avez terminé !

Italian
French
Spanish
German
Dutch
Portuguese
Japanese

Conclusion

Nous sommes reconnaissants d'avoir 100,000 clients qui nous font confiance pour imprimer leurs stickers, magnets et pochettes d'expédition plastiques. Il est impossible de capturer l'histoire unique de chacun, mais nous avons cherché à capturer une représentation de nombreuses histoires en une minute et quinze secondes.

Et si vous avez aimé cette vidéo, vous devriez vous abonner à notre chaîne sur YouTube.

← Retour au blog

Aimez-vous cette publication? S'abonner via Twitter ou RSS.