Agent compatible video editor

AI native video editing software hero

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. Redesign with 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?

Video editor timeline detailed frame

Our answer was an interface approach that would progressively disclose complexity as editors' projects developed. Every element started out communicating only the most essential affordances. The timeline needed to embody that idea most clearly, so we kept the initial scene-based view fast and approachable, then added a timeline switch that unlocked more advanced control as users upskilled inside the product.

Impact

40% improvement in churn rates over a year

Video editor minor component system
Video editor design system buttons
Video editor design system navigation

The design system we established early on paid off directly in this redesign. A stable foundation let me prototype quickly with AI-assisted coded prototypes, test multiple timeline behaviors in short loops, and reduce the implementation overhead for every iteration because tokens, components, and interaction patterns were already aligned.

Impact

Shaved 2 weeks off feature delivery cycle with design system

Video editor timeline concept frame
Video editor color picker panel
Video editor safe zones settings