La semaine dernière, Shutterstock a partagé un éditeur vidéo léger dans le navigateur appelé Sequence. Ce que nous n'avons pas partagé, c'est le processus de faire passer Sequence d'un concept à un produit en direct.
À l'origine, nous avons créé Sequence pour un hackathon d'entreprise, un de ces événements nocturnes où vous pouvez travailler sur ce que vous voulez. Ce « nous » est Dave Kozma, le responsable technique de l'équipe de métrage de Shutterstock, et Erin McCue, la conceptrice de l'expérience utilisateur de métrage. Nous avons également travaillé avec Katie Dreier, chercheuse chez Shutterstock à l'époque, et Tom Spota, notre directeur de l'acquisition de séquences.
Conception
Quelques semaines avant le hackathon, Dave a commencé à planter l'idée d'un éditeur vidéo dans le navigateur dans nos têtes. Certains navigateurs Web prennent en charge le travail avec des fichiers externes sans les télécharger, et nous pourrions associer ces fichiers externes à l'énorme collection de Shutterstock.
Nous parlons fréquemment aux clients, nous savions donc que, dans leur flux de travail, la plupart d'entre eux mélangent leur propre vidéo avec des clips Shutterstock. Nous savions également que le processus de test des clips ensemble pourrait être plus facile. Les clients trouvaient des options sur Shutterstock, passant du temps à télécharger une version filigranée gratuite de chaque clip qu'ils aimaient, puis à décider lequel ils préféraient en les insérant dans leur fichier de travail un par un.
Prototype
Nous avons commencé par dresser une liste de ce que nous voulions que l'outil fasse et dresser un tableau blanc de quelques idées de base sur son fonctionnement. À partir de là, Dave a mis en place les fonctionnalités de base que nous avions inscrites sur le tableau blanc, tandis que Katie et moi avons travaillé sur les premières conceptions d'interface. Tom était doué pour nous donner des conseils et offrir une perspective sur le fonctionnement des éditeurs traditionnels, ce qui nous a aidés à décider où rationaliser. Nous avons fait une démonstration du concept le lendemain avec une vidéo que nous avions réalisée et avons fini par remporter le prix général au hackathon (!). Nous étions tous épuisés après une nuit blanche, mais je pense me souvenir de quelques verres de fête.
L'un des prix était un peu de temps hors de notre travail normal pour peaufiner suffisamment Sequence pour le partager publiquement. J'ai travaillé sur l'intégration de nombreuses autres fonctionnalités que nous voulions ajouter et j'ai fait du design visuel, tandis que Dave a codé à la fois le front et le back-end en un temps record. C'est alors que Vivek, le Product Owner de l'équipe Footage, s'est impliqué. Vivek était vraiment enthousiasmé par ce que cela pourrait signifier pour les clients vidéo et nous a aidés à hiérarchiser les nombreuses idées à poursuivre.
Itération
Nous avons partagé l'outil en interne et avons toujours la même question :"Comment partager mon travail ?" Nous savions que beaucoup de nos clients vidéo travaillent en équipe et souhaitent (ou doivent) partager leurs démos avec ces équipes avant de s'engager à acheter un clip. Nous savions également que certains membres de l'équipe n'avaient ni le temps ni les compétences nécessaires pour apprendre un éditeur vidéo traditionnel. Nous voulions donc leur faciliter le plus possible la tâche de créer des maquettes et de partager leurs idées.
Nous avons effectué des tests d'utilisabilité avec des clients pour voir comment nous rendions cette chose à la fois utilisable et utile. Ensuite, nous nous sommes essentiellement penchés pour réparer beaucoup de choses. (C'est là que le montage de travail épique entrerait en jeu s'il s'agissait d'un film des années 80.) Puisque nous soutenions également le site principal de Shutterstock, cela signifiait travailler là où nous pouvions ici et là au cours de quelques mois.
Libérez !
Nous sommes ravis d'avoir enfin Sequence disponible dans le monde. Nous avons tellement d'autres idées pour cela aussi, alors restez à l'écoute. En attendant, essayez Sequence par vous-même dans Shutterstock Labs et n'oubliez pas de partager vos commentaires !