OpusClip Mobile Experience
OpusClip App
OpusClip Mobile Experience
An mobile MVP for an AI video-editing tool, designed to expand its reach and creator's on-the-go needs.
An mobile MVP for an AI video-editing tool, designed to expand its reach and creator's on-the-go needs.
An mobile MVP for an AI video-editing tool, designed to expand its reach and creator's on-the-go needs.
OVERVIEW
OpusClip is a fast-growing AI video editing startup. To expand its reach and meet creators' on-the-go needs, we developed a mobile experience that make video clipping and publishing more accessible and seamless.
OUR TEAM
CEO
4 Engineers
1 Product Manager
1 Lead UX Designers
1 UX Design Intern(My role in the team)
ROLE
UX Design Intern
TIME
Feb 2025 - June 2025
SKILLS
UX design / motion
BACKGROUND
Why mobile?
BUSINESS GOAL
Increase retention and expand the user base
Empower creators with on-the-go tools
Drive organic growth from the app store
USER NEEDS
Eliminates the need to transfer mobile-recorded content to a web platform.
No need to wait 20 minutes-monitor AI progress, preview clips, and publish directly on mobile without returning to desktop.
IMPACT
Results in three metrics
RETENTION
44%
Mobile design boosted day-1 retention (18% → 26%)
ADOPTION
12%
Desktop users shifted to mobile, reducing drop-off.
PUBLISH RATE
55%
Mobile users published more clips (34% vs. 22%).
PRototypes
Upload A Video and Select Presets
Preview Clips And Share
Design process
Let’s define the scope and create a lean but impactful mobile MVP
We scoped the mobile experience around the product's core value - transforming long videos into short clips and publishing them across platforms in one click. To deliver on this, we focused on four essential flows: video upload and preset selection, AI-powered clip generation, preview, and sharing, resulting in a lean yet impactful mobile MVP.
Homepage & Upload Video
Homepage & Upload Video
Select presets
Compare AI generated clips
On the web, these flows were already well-defined but heavily desktop-oriented. When translating this flow into mobile, two key design challenges emerged:
DEsign Challenge 1
HMW help mobile users select presets effortlessly?
To address these challenges, we explored multiple design directions and conducted several rounds of user testing. Insights from these sessions guided three major iterations, progressively refining the mobile experience.
1st ITERATION: ALL-IN-ONE PAGE
✅ Comprehensive control: Full range of customization options like on the web.
❗️ Information overload: Overwhelming for users
2nd ITERATION: STEP-BY-STEP WIZARD
✅ Clarity&Simplicity: The flow was easier to follow.
✅ Progressive disclosure: Presenting one choice at a time helped reduce cognitive load
❗️ Too many steps while Users do not change presets in most cases.
❗️ Hard to go back and change: users expect a summary or review screen to adjust previous answers.
Step-by-Step Wizard
Upload Successfully
Choose Video Timeframe
Choose Genre
3rd ITERATION: ONE PAGE SUMMARY
✅ Fast and clean: The one-click entry point minimized decision fatigue.
✅ Visual simplicity: Sparse layout felt modern and high-end
❌ Interaction inconsistency
One Page Summary
All Preset REsults
Change Presets
Change Language
FINAL DESIGN
DEsign Challenge 2
HMW help mobile users easily preview and compare AI-generated clips？
1st ITERATION: CLICK & SCROLL
✅ Easy comparison: Quick to compare clips by duration, preview, and score.
✅ Full context: Transcript and score rationale available helped users evaluate and choose.
❌ Too much vertical scrolling felt slow and disjointed.
❌ Users had to go back to list view to switch clips.
Step-by-Step Wizard
Step-by-Step Wizard
2nd ITERATION: SWIPE LEFT & RIGHT
✅ Easy to switch clips by swiping down.
❌ Swiping right conflicts with back gestures.
Swipe Left And Right
Swipe Left And Right
FINAL DESIGN
REFLECTION
My key learnings
Design for mobile
≠ Shinking Desktop
Interaction models require rethinking: replacing hover-based desktop behaviors with gesture-driven patterns like swipe and bottom sheets.
Strategic Scoping
Focus only on the most essential desktop flows — clip generation, preview, and sharing — to create a lean but impactful mobile MVP.
Cross-Platform
Behavior Matters
Interaction models should shift from hover to gestures. Timely push notifications (e.g., when clips finish processing) boosted re-engagement, especially for users who left during AI tasks.
NEXT STEPs(IN PROCESS)
Edit clips as needed
The launched version currently focuses on the core flows defined in our mobile MVP. As the next step, we plan to bring advanced video-editing capabilities from the web to mobile — including editing tools, caption customization, and more. This will empower users with greater flexibility and truly enable on-the-go video creation.
Editing Features
Editing Captions
Change Caption Colors
Add Editing Features
More Video Editing Tools
OVERVIEW
OVERVIEW
OpusClip is a fast-growing AI video editing startup. To expand its reach and meet creators' on-the-go needs, we developed a mobile experience that make video clipping and publishing more accessible and seamless.
OpusClip is a fast-growing AI video editing startup. To expand its reach and meet creators' on-the-go needs, we developed a mobile experience that make video clipping and publishing more accessible and seamless.
ROLE
ROLE
UX Design Intern
UX Design Intern
SKILLS
SKILLS
UX design / motion
UX design / motion
TIME
TIME
Feb 2025 - July 2025
Feb 2025 - July 2025
BACKGROUND
BACKGROUND
Why mobile?
Why mobile?
BUSINESS GOAL
BUSINESS GOAL
Increase retention and expand the user base
Empower creators with on-the-go tools
Drive organic growth from the app store
USER NEEDS
USER NEEDS
Eliminates the need to transfer mobile-recorded content to a web platform.
No need to wait 20 minutes-monitor AI progress, preview clips, and publish directly on mobile without returning to desktop.
Eliminates the need to transfer mobile-recorded content to a web platform.
No need to wait 20 minutes-monitor AI progress, preview clips, and publish directly on mobile without returning to desktop.
IMPACT
IMPACT
Results in three metrics
Results in three metrics
RETENTION
44%
44%
Mobile design boosted day-1 retention (18% → 26%)
Mobile design boosted day-1 retention (18% → 26%)
ADOPTION
ADOPTION
12%
12%
Desktop users shifted to mobile, reducing drop-off.
Desktop users shifted to mobile, reducing drop-off.
PUBLISH RATE
PUBLISH RATE
55%
55%
Mobile users published more clips (34% vs. 22%).
Mobile users published more clips (34% vs. 22%).
PRototypes
PRototypes
Upload a video and select presets
Upload a video and select presets
Upload a video and select presets
Upload a video and select presets
Preview clips and share
Preview clips and share
Design process
Design process
Let’s define the scope and create a lean but impactful mobile MVP
Let’s define the scope and create a lean but impactful mobile MVP
We scoped the mobile experience around the product's core value - transforming long videos into short clips and publishing them across platforms in one click. To deliver on this, we focused on four essential flows: video upload and preset selection, AI-powered clip generation, preview, and sharing, resulting in a lean yet impactful mobile MVP.
We scoped the mobile experience around the product's core value-transforming long videos into short clips and publishing them across platforms in one click. To deliver on this, we focused on four essential flows: video upload and preset selection, AI-powered clip generation, preview, and sharing, resulting in a lean yet impactful mobile MVP.
Homepage & Upload Video
Homepage & Upload Video
Homepage & Upload Video
Homepage & Upload Video
Select presets
Compare AI generated clips
Compare AI generated clips
Select presets
On the web, these flows were already well-defined but heavily desktop-oriented. When translating this flow into mobile, two key design challenges emerged:
On the web, these flows were already well-defined but heavily desktop-oriented. When translating this flow into mobile, two key design challenges emerged:
DEsign Challenge 1
DEsign Challenge 1
HMW help mobile users select presets effortlessly?
HMW help mobile users select presets effortlessly?
To address these challenges, we explored multiple design directions and conducted several rounds of user testing. Insights from these sessions guided three major iterations, progressively refining the mobile experience.
To address these challenges, we explored multiple design directions and conducted several rounds of user testing. Insights from these sessions guided three major iterations, progressively refining the mobile experience.
1st ITERATION: ALL-IN-ONE PAGE
1st ITERATION: ALL-IN-ONE PAGE
✅ Comprehensive control: Full range of customization options like on the web.
✅ Comprehensive control: full range of customization options like on the web.
❗️ Information overload: Overwhelming for users
❌Information overload: Overwhelming for users
2nd ITERATION: STEP-BY-STEP WIZARD
2nd ITERATION: STEP-BY-STEP WIZARD
✅ Clarity&Simplicity: The flow was easier to follow.
✅ Progressive disclosure: Presenting one choice at a time helped reduce cognitive load
❗️ Too many steps while Users do not change presets in most cases.
❗️ Hard to go back and change: users expect a summary or review screen to adjust previous answers.
3rd ITERATION: ONE PAGE SUMMARY
3rd ITERATION: ONE PAGE SUMMARY
✅ Fast and clean: The one-click entry point minimized decision fatigue.
✅ Visual simplicity: Sparse layout felt modern and high-end
❗️ Interaction inconsistency
FINAL DESIGN
FINAL DESIGN
DEsign Challenge 2
DEsign Challenge 2
HMW help mobile users easily preview and compare AI-generated clips？
HMW help mobile users easily preview and compare AI-generated clips？
1st ITERATION: CLICK & SCROLL
1st ITERATION: CLICK & SCROLL
✅ Easy comparison: Quick to compare clips by duration, preview, and score.
✅ Full context: Transcript and score rationale available helped users evaluate and choose.
✅ Easy comparison: duration, preview, and score.
✅ Full context: Transcript and rationale helped decision making process.
❗️ Too much vertical scrolling felt slow and disjointed.
❗️ Users had to go back to list view to switch clips.
❌ Too much vertical scrolling felt slow.
❌ Users had to go back to to switch clips.
Click And Scorll
Click And Scorll
2nd ITERATION: SWIPE LEFT & RIGHT
✅ Easy to switch clips by swiping down.
❗️ Swiping right conflicts with back gestures.
Swipe Left And Right
2nd ITERATION: SWIPE LEFT & RIGHT
✅ Easy to switch clips by swiping down.
❌ Swiping right conflicts with back gestures.
Swipe Left And Right
Swipe Left And Right
FINAL DESIGN
FINAL DESIGN
REFLECTION
REFLECTION
My key learnings
My key learnings
Design for mobile
≠ Shinking Desktop
Design for mobile ≠ Shinking Desktop
Interaction models require rethinking: replacing hover-based desktop behaviors with gesture-driven patterns like swipe and bottom sheets.
Interaction models require rethinking: replacing hover-based desktop behaviors with gesture-driven patterns like swipe and bottom sheets.
Strategic Scoping
Strategic Scoping
Focus only on the most essential desktop flows — clip generation, preview, and sharing — to create a lean but impactful mobile MVP.
Focus only on the most essential desktop flows — clip generation, preview, and sharing — to create a lean but impactful mobile MVP.
Cross-Platform
Behavior Matters
Cross-Platform Behavior Matters
Interaction models should shift from hover to gestures. Timely push notifications (e.g., when clips finish processing) boosted re-engagement, especially for users who left during AI tasks.
Interaction models should shift from hover to gestures. Timely push notifications (e.g., when clips finish processing) boosted re-engagement, especially for users who left during AI tasks.
NEXT STEPs(IN PROCESS)
NEXT STEPs(IN PROCESS)
Edit clips as needed
Edit clips as needed
The launched version currently focuses on the core flows defined in our mobile MVP. As the next step, we plan to bring advanced video-editing capabilities from the web to mobile — including editing tools, caption customization, and more. This will empower users with greater flexibility and truly enable on-the-go video creation.
The launched version currently focuses on the core flows defined in our mobile MVP. As the next step, we plan to bring advanced video-editing capabilities from the web to mobile — including editing tools, caption customization, and more. This will empower users with greater flexibility and truly enable on-the-go video creation.
AI-driven Product Design
for the next generation of digital products.
Grab a virtual coffee with me ☕
AI-driven Product Design
for the next generation of digital products.
AI-driven Product Design
for the next generation of digital products.
Grab a virtual coffee with me ☕