La scorsa settimana, Shutterstock ha condiviso un editor video leggero e integrato nel browser chiamato Sequence. Quello che non abbiamo condiviso è stato il processo per portare Sequence da un concetto a un prodotto live.
Originariamente abbiamo creato Sequence per un hackathon aziendale, uno di quegli eventi notturni in cui puoi lavorare su quello che vuoi. Quel "noi" è Dave Kozma, Tech Lead del team di filmati di Shutterstock, ed Erin McCue, designer dell'esperienza utente di filmati. Abbiamo anche lavorato con Katie Dreier, all'epoca ricercatrice presso Shutterstock, e Tom Spota, il nostro direttore dell'acquisizione filmati.
Concezione
Un paio di settimane prima dell'hackathon, Dave ha iniziato a piantarci in testa l'idea di un editor video nel browser. Alcuni browser Web supportano l'utilizzo di file esterni senza caricarli e potremmo associare quei file esterni alla vasta raccolta di Shutterstock.
Parliamo spesso con i clienti, quindi sapevamo che, nel loro flusso di lavoro, la maggior parte di loro mescola i propri video con clip di Shutterstock. Sapevamo anche che il processo di test delle clip insieme poteva essere più semplice. I clienti stavano trovando opzioni su Shutterstock, trascorrendo il tempo a scaricare una versione gratuita con filigrana di ogni clip che gli piaceva, quindi decidendo quale preferivano collegandoli al loro file di lavoro uno alla volta.
Prototipo
Abbiamo iniziato facendo un elenco di ciò che volevamo che lo strumento facesse e mettendo alla lavagna alcune idee di base su come avrebbe funzionato. Da lì, Dave ha impostato le funzionalità di base che avevamo messo sulla lavagna, mentre Katie e io abbiamo lavorato su alcuni primi progetti di interfaccia. Tom è stato bravissimo nel darci suggerimenti e offrire una prospettiva su come funzionano gli editor tradizionali, il che ci ha aiutato a decidere dove ottimizzare. Abbiamo dimostrato il concetto il giorno successivo con un video che avevamo realizzato e abbiamo finito per vincere il premio assoluto all'hackathon (!). Eravamo tutti esausti dopo una notte insonne, ma credo di ricordare alcuni drink celebrativi.
Uno dei premi è stato un po' di tempo fuori dal nostro normale lavoro per rifinire Sequence abbastanza da condividerlo pubblicamente. Ho lavorato per integrare molte altre funzionalità che volevamo aggiungere e ho creato un po' di visual design, mentre Dave ha codificato sia il front end che il back-end a tempo di record. Questo è stato il momento in cui Vivek, il Product Owner del team di filmati, è stato coinvolto. Vivek era davvero entusiasta di ciò che questo avrebbe potuto significare per i clienti di video e ci ha aiutato a dare la priorità a quale delle nostre numerose idee inseguire.
Iterazione
Abbiamo condiviso lo strumento internamente e abbiamo sempre avuto la stessa domanda:"Come faccio a condividere il mio lavoro?" Sapevamo che molti dei nostri clienti di video lavorano in team e desiderano (o hanno bisogno) di condividere le loro demo con quei team prima che si impegnino ad acquistare una clip. Sapevamo anche che c'erano membri del team che non hanno il tempo o le competenze per imparare un editor video tradizionale, quindi volevamo rendere il più semplice possibile per loro simulare e condividere le loro idee.
Abbiamo eseguito alcuni test di usabilità con i clienti per vedere come stavamo rendendo questa cosa utilizzabile e utile. Poi ci siamo praticamente accovacciati per sistemare un sacco di cose. (È qui che entrerebbe in gioco il montaggio epico del lavoro se si trattasse di un film degli anni '80.) Dal momento che supportavamo anche il sito principale di Shutterstock, questo significava lavorare dove potevamo qua e là nel corso di pochi mesi.
Rilascio!
Siamo così entusiasti di avere finalmente Sequence disponibile per il mondo. Abbiamo anche tante altre idee per questo, quindi rimanete sintonizzati. Nel frattempo, prova tu stesso Sequence in Shutterstock Labs e assicurati di condividere il tuo feedback!