Mobile-Clip-Editor.txt

Mobile Clip Editor

Company: Twitch
Role: Lead Designer
Timeline: October 2024 - January 2025
Impact: ↑122% in clips published on mobile

Clips are short moments from Twitch livestreams that viewers save and share to celebrate great plays and build community. I led the redesign of Twitch’s mobile clip editor to make clip creation faster and easier while expanding creative control through features like portrait cropping for 9:16 mobile formats. The work was recognized for its design and featured in a Figma campaign in Times Square, New York.

I owned the full end-to-end design process, from user research and cross-functional ideation to wireframing, usability testing, prototyping, accessibility annotations, and final design QA with engineering. The project was highly collaborative due to the use of new internal technology at Twitch, requiring close partnership with engineers and thoughtful tradeoffs in several design decisions.

1. Designed for mobile viewing
The new editor gave creators control to optimize their clips for mobile formats, with tools to reframe 16:9 livestream footage into 9:16 layouts so moments stayed clear, intentional, and high quality on small screens.
Image showing two mobile mockups. The left is the previous design for Twitch's clip editor, the right is the improved design, with 9:16 cropping.
2. Accessible by default
The editor was designed to be powerful yet still inclusive, building in support for screen readers, clear assistive text, and thoughtful tab ordering so creators using assistive technologies could create clips with confidence.
Twitch Mobile Clip Editor Accessibility Annotations
3. Flexible for different contexts
The experience supports both fast and intentional creation. Users can quickly save the last 60 seconds with default settings, or enter a full editing flow when they want more control.

Impact

  • 122% increase in clip publish conversion (the percentage of users who started the clip flow and successfully published a clip), our primary success metric
  • It also reduced average clip editing time by 19% and decreased load time by 79%, significantly speeding up the overall experience.
  • These results led to the full launch of the redesigned mobile clip editor, which is used today in Twitch's mobile app.

← Back to home

Next Project: Clip Reactions →

clip_editor_prototype.mov
times_square.mov