Video
Editor
Artifacts
User Interviews, Scoping, Interface Design, Coded Prototype, Design System
Team
Our Head of Product, three full-stack developers and me
Scope
Web based responsive video editor. Full redesign alongside incorporating new features.
Early into my tenure at cofenster we had introduced a slide-like scene based video editor. Limited in features and incredibly easy to pick up. This landed us our first customers looking to just create a simple video. Over time our power users grew increasingly tired of this slow interaction model. After discovery we asked ourselves one essential question. How might we make the editor powerful and fun to use for engaged users? While still living up to our brand promise of being easy to pick up for anyone in any given company to create on brand video content.
Our answer was an interface approach that would progressively disclose complexity as the editors projects developed. Every element would start out communicating only the most essential affordances. A pattern that really needed to demonstrate this concept was the timeline that started out in a scene based view. Perfect for throwing together a couple of clips. We extended it with a timeline switch, that would allow editors to do more as they upskilled in our tool.
Impact
40% improvement in churn rates over a year
The design system we established early on payed off in this project. The solid foundation allowed us to move fast and helped me prototype quickly with the help of AI to create functional prototypes of the editor redesign. Because reusable tokens, components and interaction patterns were already aligned, we could test multiple timeline behaviors in short loops and ship updates with much lower implementation overhead.
Impact
Shaved 2 weeks off feature delivery cycle with design system
