Vorige week deelde Shutterstock een lichtgewicht, in-browser video-editor genaamd Sequence. Wat we niet deelden, was het proces om Sequence van een concept naar een live product te brengen.
We hebben Sequence oorspronkelijk gemaakt voor een bedrijfshackathon, een van die evenementen die de hele nacht opblijven waar je kunt werken aan wat je maar wilt. Die 'wij' zijn Dave Kozma, de technische leider van Shutterstock's Footage-team, en Erin McCue, de ontwerper van de gebruikerservaring van beelden. We werkten ook samen met Katie Dreier, destijds onderzoeker bij Shutterstock, en Tom Spota, onze Director of Footage Acquisition.
Conceptie
Een paar weken voor de hackathon begon Dave het idee van een in-browser video-editor in onze hoofden te planten. Sommige webbrowsers ondersteunen het werken met externe bestanden zonder ze te uploaden, en we kunnen die externe bestanden koppelen aan de enorme collectie van Shutterstock.
We praten vaak met klanten, dus we wisten dat de meesten van hen in hun workflow hun eigen video mixen met Shutterstock-clips. We wisten ook dat het proces van het samen testen van clips eenvoudiger zou kunnen zijn. Klanten vonden opties op Shutterstock, brachten tijd door met het downloaden van een gratis versie met watermerk van elke clip die ze leuk vonden en besloten vervolgens welke ze het beste vonden door ze een voor een in hun werkbestand te pluggen.
Prototype
We begonnen met het maken van een lijst met wat we wilden dat de tool zou doen en met het whiteboarden van enkele basisideeën voor hoe het zou werken. Van daaruit stelde Dave de basisfuncties in die we op het whiteboard hadden gezet, terwijl Katie en ik aan enkele vroege interface-ontwerpen werkten. Tom was geweldig in het geven van tips en het bieden van perspectief op hoe traditionele editors werken, wat ons hielp beslissen waar we moesten stroomlijnen. We demonstreerden het concept de volgende dag met een video die we hadden gemaakt, en wonnen uiteindelijk de algemene prijs op de hackathon(!). We waren allemaal uitgeput na een slapeloze nacht, maar ik denk dat ik me een paar feestelijke drankjes herinner.
Een van de prijzen was een tijdje buiten ons normale werk om Sequence voldoende op te poetsen om het publiekelijk te delen. Ik werkte aan het integreren van een heleboel andere functies die we wilden toevoegen en deed wat visueel ontwerp, terwijl Dave zowel de voorkant als de achterkant in recordtijd codeerde. Dit was het moment waarop Vivek, de Product Owner van het Footage-team, erbij betrokken raakte. Vivek was erg enthousiast over wat dit zou kunnen betekenen voor videoklanten en hielp ons te bepalen welke van onze vele ideeën we moesten nastreven.
Iteratie
We deelden de tool intern en kregen steeds dezelfde vraag:“Hoe deel ik mijn werk?” We wisten dat veel van onze videoklanten in teams werken en hun demo's met die teams willen (of moeten) delen voordat ze zich ertoe verbinden een clip te kopen. We wisten ook dat er teamleden waren die niet de tijd of de vaardigheden hebben om een traditionele video-editor te leren, dus we wilden het ze zo gemakkelijk mogelijk maken om mock-ups te maken en hun ideeën te delen.
We hebben wat bruikbaarheidstests gedaan met klanten om te zien hoe we het deden om dit ding zowel bruikbaar als nuttig te maken. Daarna zijn we in feite neergestreken om veel dingen te repareren. (Dit is waar de epische montage van het werk zou komen als dit een film uit de jaren 80 was.) Aangezien we ook de belangrijkste Shutterstock-site ondersteunden, betekende dit dat we in de loop van een paar maanden hier en daar moesten werken waar we konden.
Laat los!
We zijn zo enthousiast dat Sequence eindelijk voor de wereld beschikbaar is. We hebben er nog zoveel meer ideeën voor, dus houd ons in de gaten. Probeer in de tussentijd Sequence zelf in Shutterstock Labs en deel uw feedback!