Biteable helps teams put their messages in motion through engaging videos. As the Senior Product Designer, I researched, designed, and tested a new video editor as part of a company pivot.
Originally, Biteable had focused their video editor on supporting small businesses who needed ads or explainer videos. There was a major pivot to focus on using our editor for enterprise teams to support internal communication. I was brought on to research and design a new video editing experience, focusing on this new vertical. We called these users “Kiki”.
At the time of this pivot, all engineering resources were focused on a large technical debt initiative. This gave my product manager and me 3 months of research and discovery to understand Kiki’s workflows, preferences, and behaviors.
We started with interviews. See what we learned:
Video made with Biteable
After initial interviews and experiments, we started to wireframe some ideas to see if we were on the right track:
Video made with Biteable
After we wireframed our initial ideas, we started to test them to see if we were on the right track. We tested multiple versions of early designs.
We quickly learned that using static prototypes to simulate a video editor wasn’t working, since users couldn’t experience the actual construction of the video. This led me to try something new: prototype the editor in HTML.
See what we learned + some real user tests: