How a 9.8% Conversion Insight Led to a Smarter AI Clips Review Experience
How a 9.8% Conversion Insight Led to a Smarter AI Clips Review Experience
How a 9.8% Conversion Insight Led to a Smarter AI Clips Review Experience
Redesigning the AI Clips Review screen to drive deeper exploration and editor usage, guided by data that revealed users who edited clips converted 12x more than those who didn’t.
Context
Context
Context
quso.ai is an all-in-one AI-powered tool for creators, offering features like AI-generated clips, captions, avatars, and scheduling. Among these, AI Clips quickly became the most widely used feature, accounting for over 70% of content creation activity on the platform. This made it a high-leverage area for optimization.
How AI Clips Work?
Users upload a long-form video, and AI analyzes the content to generate short, engaging clips. These clips are optimized for social media — removing filler words, cutting silence, and generating quick, punchy edits complete with captions and transcripts. Users can review, edit, or export these clips directly.
At quso.ai, I worked as the sole product designer on the iOS app, driving the design process end-to-end—from ideation and user flows to high-fidelity designs and handoff.
On the web platform, I contributed to revamp the video editor, improving its usability and visual clarity for a smoother content creation experience. I also worked closely with product and engineering to design AI-powered features like AI Clips, focusing on integrating generative AI in a way that felt seamless and intuitive to users.
At quso.ai, I worked as the sole product designer on the iOS app, driving the design process end-to-end—from ideation and user flows to high-fidelity designs and handoff.
On the web platform, I contributed to revamp the video editor, improving its usability and visual clarity for a smoother content creation experience. I also worked closely with product and engineering to design AI-powered features like AI Clips, focusing on integrating generative AI in a way that felt seamless and intuitive to users.
Why We Decided to Redesign the Review Screen?
Why We Decided to Redesign the Review Screen?
Why We Decided to Redesign the Review Screen?
The Review screen is the interface shown to users after AI Clips are generated. It displays all the short clips created from their original video and is designed to help users quickly scan, select, and edit the most relevant clips before exporting. It’s a critical step in the user journey — ideally converting raw AI output into shareable content.
Despite its popularity, data revealed significant drop-offs and missed engagement opportunities — especially on the Review screen, which acts as the main gateway to the Editor. The data says:
The Review screen was the critical gateway to the conversion-driving feature, yet 42% of users dropped off before interacting with it.
Users who entered the Editor converted at 9.8%, compared to just 0.77% of non-editors — a 12x difference. But we observed only 26% of users on the Review screen actually reached the Editor, meaning most users never got to the most impactful part of the flow.
For those who did view the screen, most only watched the first clip, indicating the layout didn’t support effective exploration or decision-making.
At quso.ai, I worked as the sole product designer on the iOS app, driving the design process end-to-end—from ideation and user flows to high-fidelity designs and handoff.
On the web platform, I contributed to revamp the video editor, improving its usability and visual clarity for a smoother content creation experience. I also worked closely with product and engineering to design AI-powered features like AI Clips, focusing on integrating generative AI in a way that felt seamless and intuitive to users.
At quso.ai, I worked as the sole product designer on the iOS app, driving the design process end-to-end—from ideation and user flows to high-fidelity designs and handoff.
On the web platform, I contributed to revamp the video editor, improving its usability and visual clarity for a smoother content creation experience. I also worked closely with product and engineering to design AI-powered features like AI Clips, focusing on integrating generative AI in a way that felt seamless and intuitive to users.
Critiquing the Old Design
Critiquing the Old Design
Critiquing the Old Design
Design Goals
Design Goals
Design Goals
Improve clip discoverability so users can explore beyond the first clip
Increase editor engagement by making the Edit CTA intuitive and visible
Simplify the interface to support focused decisions by reducing distractions, clarifying the visual hierarchy, and aligning actions with user intent
Offer fallback control by enabling users to create custom clips if needed
At quso.ai, I worked as the sole product designer on the iOS app, driving the design process end-to-end—from ideation and user flows to high-fidelity designs and handoff.
On the web platform, I contributed to revamp the video editor, improving its usability and visual clarity for a smoother content creation experience. I also worked closely with product and engineering to design AI-powered features like AI Clips, focusing on integrating generative AI in a way that felt seamless and intuitive to users.
At quso.ai, I worked as the sole product designer on the iOS app, driving the design process end-to-end—from ideation and user flows to high-fidelity designs and handoff.
On the web platform, I contributed to revamp the video editor, improving its usability and visual clarity for a smoother content creation experience. I also worked closely with product and engineering to design AI-powered features like AI Clips, focusing on integrating generative AI in a way that felt seamless and intuitive to users.
Exploring Layout Options
Exploring Layout Options
Exploring Layout Options
Horizontal Scroll
The modal version experienced performance delays, resulting in friction.
Developers flagged complexity and load time issues with the modal pattern.
Full-screen scroll didn’t align with modern user behavior — most short-form content platforms now use vertical scroll as the standard.
Users found horizontal swiping less intuitive for video review.
Iteration 1
Our original scope included launching all core features from quso in a single mobile app. The home screen was designed to act less like a dashboard and more like a content hub.
There wasn’t a traditional “home” screen. Instead:
A CTA button Create (placed at the top) opened a creation sheet with all three feature options for new users
Existing users would land directly on their projects
The tab bar had three sections: Projects, Create, and Profile
This exploration helped us confirm that we’d move forward with launching three features — AI Clips, Captions, and Influencers. We decided the next version should mirror the web experience, so existing users would have less guesswork and a smoother transition.
Iteration 1
Our original scope included launching all core features from quso in a single mobile app. The home screen was designed to act less like a dashboard and more like a content hub.
There wasn’t a traditional “home” screen. Instead:
A CTA button Create (placed at the top) opened a creation sheet with all three feature options for new users
Existing users would land directly on their projects
The tab bar had three sections: Projects, Create, and Profile
This exploration helped us confirm that we’d move forward with launching three features — AI Clips, Captions, and Influencers. We decided the next version should mirror the web experience, so existing users would have less guesswork and a smoother transition.
Vertical Scroll
We explored a vertically scrolling layout similar to platforms like YouTube Shorts and TikTok, familiar to users consuming short-form video content. In this version:
Each clip was stacked vertically, allowing users to scroll down through the list.
Clip-specific actions like Edit, Download, and Transcript were attached directly to each card.
A secondary list of clips was available in the left-hand menu for quick navigation.
Why it didn’t work: The vertical format worked well for engagement, but the icon-only buttons beside each clip lacked clarity. Additionally, having three exposed actions per clip made the interface visually heavy and created decision fatigue.
Iteration 2
After deciding to launch three features, we shifted our focus to make the app feel more like the web platform, especially for returning users who were already familiar with its structure.
This version of the home screen leaned into consistency:
A structured layout similar to a web, with clear cards for each feature.
These cards opened a bottom sheet to choose between upload and record video options.
Tabs at the bottom changed to Home, Projects, and Profile.
The goal here was to reduce the learning curve and make cross-platform usage feel seamless.
Iteration 2
After deciding to launch three features, we shifted our focus to make the app feel more like the web platform, especially for returning users who were already familiar with its structure.
This version of the home screen leaned into consistency:
A structured layout similar to a web, with clear cards for each feature.
These cards opened a bottom sheet to choose between upload and record video options.
Tabs at the bottom changed to Home, Projects, and Profile.
The goal here was to reduce the learning curve and make cross-platform usage feel seamless.
Grid View
This version displayed multiple clip thumbnails in a grid, allowing users to scan all generated clips at once:
Designed with power users in mind — those who want to quickly scan and compare multiple options.
Ideal for users looking for control and speed.
Why we didn't go all-in: While it worked well for advanced users, it felt dense and overwhelming for casual creators. Without a proper hierarchy or starting point, users lacked guidance on where to begin. It was a great supplementary view but not the best default.
Iteration 3
At this stage, we made two major shifts:
We decided to launch only AI Captions and not all three features
We launched it as a separate, lowkey MVP under the name "Captions & Subtitles" — not under the quso brand
With this narrowed scope, the home screen needed to reflect the product’s new focus: fast, single-purpose caption generation.
For new users, the home screen was clean and minimal, keeping the focus on getting started quickly.
No tab bar, no navigation-heavy layout.
Floating "Create" button as the primary action.
User projects appear directly on the home screen, making reuse and re-exports easy.
Iteration 3
At this stage, we made two major shifts:
We decided to launch only AI Captions and not all three features
We launched it as a separate, lowkey MVP under the name "Captions & Subtitles" — not under the quso brand
With this narrowed scope, the home screen needed to reflect the product’s new focus: fast, single-purpose caption generation.
For new users, the home screen was clean and minimal, keeping the focus on getting started quickly.
No tab bar, no navigation-heavy layout.
Floating "Create" button as the primary action.
User projects appear directly on the home screen, making reuse and re-exports easy.
What We Changed in the New Design
What We Changed in the New Design
What We Changed in the New Design
We finalized a flexible design that includes both Vertical Scroll (List View) and Grid View options. Vertical scroll serves as the default view, aligning with natural video browsing behavior, while Grid View caters to power users who prefer skimming and comparing multiple clips. This dual-layout approach enables users to select the layout that best suits their workflow, providing us with data to evaluate which layout drives better engagement.
Iteration 2
After deciding to launch three features, we shifted our focus to make the app feel more like the web platform, especially for returning users who were already familiar with its structure.
This version of the home screen leaned into consistency:
A structured layout similar to a web, with clear cards for each feature.
These cards opened a bottom sheet to choose between upload and record video options.
Tabs at the bottom changed to Home, Projects, and Profile.
The goal here was to reduce the learning curve and make cross-platform usage feel seamless.
Iteration 2
After deciding to launch three features, we shifted our focus to make the app feel more like the web platform, especially for returning users who were already familiar with its structure.
This version of the home screen leaned into consistency:
A structured layout similar to a web, with clear cards for each feature.
These cards opened a bottom sheet to choose between upload and record video options.
Tabs at the bottom changed to Home, Projects, and Profile.
The goal here was to reduce the learning curve and make cross-platform usage feel seamless.
Clip Card (Vertical View)
The Edit button is placed directly on the card — making the next step obvious and contextual to that specific clip.
Secondary actions like Download and Transcript are now inside a three-dot menu, reducing visual noise.
Transcript is now directly attached to the video, visible without a separate click — based on behavior we observed from users scanning clips via transcript.
Card shows only essential info upfront — additional details appear on hover, keeping the layout clean while offering depth when needed.
Iteration 3
At this stage, we made two major shifts:
We decided to launch only AI Captions and not all three features
We launched it as a separate, lowkey MVP under the name "Captions & Subtitles" — not under the quso brand
With this narrowed scope, the home screen needed to reflect the product’s new focus: fast, single-purpose caption generation.
For new users, the home screen was clean and minimal, keeping the focus on getting started quickly.
No tab bar, no navigation-heavy layout.
Floating "Create" button as the primary action.
User projects appear directly on the home screen, making reuse and re-exports easy.
Iteration 3
At this stage, we made two major shifts:
We decided to launch only AI Captions and not all three features
We launched it as a separate, lowkey MVP under the name "Captions & Subtitles" — not under the quso brand
With this narrowed scope, the home screen needed to reflect the product’s new focus: fast, single-purpose caption generation.
For new users, the home screen was clean and minimal, keeping the focus on getting started quickly.
No tab bar, no navigation-heavy layout.
Floating "Create" button as the primary action.
User projects appear directly on the home screen, making reuse and re-exports easy.
Toast Message
Creates a positive emotional cue, rewarding users for reaching the generation step.
Tells users how many clips were created, encouraging full exploration.
Acts as a subtle behavioral nudge: “You have 10 clips, don’t stop at 1.”
Iteration 2
After deciding to launch three features, we shifted our focus to make the app feel more like the web platform, especially for returning users who were already familiar with its structure.
This version of the home screen leaned into consistency:
A structured layout similar to a web, with clear cards for each feature.
These cards opened a bottom sheet to choose between upload and record video options.
Tabs at the bottom changed to Home, Projects, and Profile.
The goal here was to reduce the learning curve and make cross-platform usage feel seamless.
Iteration 2
After deciding to launch three features, we shifted our focus to make the app feel more like the web platform, especially for returning users who were already familiar with its structure.
This version of the home screen leaned into consistency:
A structured layout similar to a web, with clear cards for each feature.
These cards opened a bottom sheet to choose between upload and record video options.
Tabs at the bottom changed to Home, Projects, and Profile.
The goal here was to reduce the learning curve and make cross-platform usage feel seamless.
Silences & Filler Words Removal
Instead of hiding changes behind an icon, we made AI edits visible inline.
Removed words are shown with an asterisk, making edits transparent, scan-friendly, and easy to spot.
This reduced ambiguity and gave users a sense of control and awareness.
Iteration 2
After deciding to launch three features, we shifted our focus to make the app feel more like the web platform, especially for returning users who were already familiar with its structure.
This version of the home screen leaned into consistency:
A structured layout similar to a web, with clear cards for each feature.
These cards opened a bottom sheet to choose between upload and record video options.
Tabs at the bottom changed to Home, Projects, and Profile.
The goal here was to reduce the learning curve and make cross-platform usage feel seamless.
Iteration 2
After deciding to launch three features, we shifted our focus to make the app feel more like the web platform, especially for returning users who were already familiar with its structure.
This version of the home screen leaned into consistency:
A structured layout similar to a web, with clear cards for each feature.
These cards opened a bottom sheet to choose between upload and record video options.
Tabs at the bottom changed to Home, Projects, and Profile.
The goal here was to reduce the learning curve and make cross-platform usage feel seamless.
Encouraging Feedback to Make AI Smarter
In the old UI, feedback buttons existed, but users had no idea why they mattered.
This toast educates users that their likes help improve future results.
Used just-in-time guidance without interrupting the clip review flow.
Gave users a sense of contribution — creating a feedback loop between their actions and AI performance.
Toast disappears after the action is completed — making it temporary, purposeful, and satisfying.
Iteration 3
At this stage, we made two major shifts:
We decided to launch only AI Captions and not all three features
We launched it as a separate, lowkey MVP under the name "Captions & Subtitles" — not under the quso brand
With this narrowed scope, the home screen needed to reflect the product’s new focus: fast, single-purpose caption generation.
For new users, the home screen was clean and minimal, keeping the focus on getting started quickly.
No tab bar, no navigation-heavy layout.
Floating "Create" button as the primary action.
User projects appear directly on the home screen, making reuse and re-exports easy.
Iteration 3
At this stage, we made two major shifts:
We decided to launch only AI Captions and not all three features
We launched it as a separate, lowkey MVP under the name "Captions & Subtitles" — not under the quso brand
With this narrowed scope, the home screen needed to reflect the product’s new focus: fast, single-purpose caption generation.
For new users, the home screen was clean and minimal, keeping the focus on getting started quickly.
No tab bar, no navigation-heavy layout.
Floating "Create" button as the primary action.
User projects appear directly on the home screen, making reuse and re-exports easy.
Create your own clips
Positioned as a last-mile fallback, not a primary action — so it doesn’t distract from AI-first flow.
Keeps users inside the same system instead of forcing them to start over elsewhere.
Offers two options based on user type: visual editors (timestamps) vs. text-oriented users (transcript).
Iteration 2
After deciding to launch three features, we shifted our focus to make the app feel more like the web platform, especially for returning users who were already familiar with its structure.
This version of the home screen leaned into consistency:
A structured layout similar to a web, with clear cards for each feature.
These cards opened a bottom sheet to choose between upload and record video options.
Tabs at the bottom changed to Home, Projects, and Profile.
The goal here was to reduce the learning curve and make cross-platform usage feel seamless.
Iteration 2
After deciding to launch three features, we shifted our focus to make the app feel more like the web platform, especially for returning users who were already familiar with its structure.
This version of the home screen leaned into consistency:
A structured layout similar to a web, with clear cards for each feature.
These cards opened a bottom sheet to choose between upload and record video options.
Tabs at the bottom changed to Home, Projects, and Profile.
The goal here was to reduce the learning curve and make cross-platform usage feel seamless.
Grid View
The grid view will be launched as an A/B test with a layout toggle at the top:
List View: Default vertical scroll
Grid View: Optional layout for power users
We’ll measure:
Editor entry rate
Clip exploration depth
Feedback engagement
Export conversion rate
Iteration 3
At this stage, we made two major shifts:
We decided to launch only AI Captions and not all three features
We launched it as a separate, lowkey MVP under the name "Captions & Subtitles" — not under the quso brand
With this narrowed scope, the home screen needed to reflect the product’s new focus: fast, single-purpose caption generation.
For new users, the home screen was clean and minimal, keeping the focus on getting started quickly.
No tab bar, no navigation-heavy layout.
Floating "Create" button as the primary action.
User projects appear directly on the home screen, making reuse and re-exports easy.
Iteration 3
At this stage, we made two major shifts:
We decided to launch only AI Captions and not all three features
We launched it as a separate, lowkey MVP under the name "Captions & Subtitles" — not under the quso brand
With this narrowed scope, the home screen needed to reflect the product’s new focus: fast, single-purpose caption generation.
For new users, the home screen was clean and minimal, keeping the focus on getting started quickly.
No tab bar, no navigation-heavy layout.
Floating "Create" button as the primary action.
User projects appear directly on the home screen, making reuse and re-exports easy.
Coach Marks
We also introduced two coach marks as part of the new design to support first-time user guidance:
Toggle View Coach Mark: To help users understand they can switch between List View and Grid View, we added a coach mark that highlights this toggle at the top of the screen.
Filter Coach Mark: To encourage advanced use of the review clips, showing users they can filter clips by type, score, or duration.
Iteration 2
After deciding to launch three features, we shifted our focus to make the app feel more like the web platform, especially for returning users who were already familiar with its structure.
This version of the home screen leaned into consistency:
A structured layout similar to a web, with clear cards for each feature.
These cards opened a bottom sheet to choose between upload and record video options.
Tabs at the bottom changed to Home, Projects, and Profile.
The goal here was to reduce the learning curve and make cross-platform usage feel seamless.
Iteration 2
After deciding to launch three features, we shifted our focus to make the app feel more like the web platform, especially for returning users who were already familiar with its structure.
This version of the home screen leaned into consistency:
A structured layout similar to a web, with clear cards for each feature.
These cards opened a bottom sheet to choose between upload and record video options.
Tabs at the bottom changed to Home, Projects, and Profile.
The goal here was to reduce the learning curve and make cross-platform usage feel seamless.
Final Takeaways
Final Takeaways
Final Takeaways
What We Set Out to Do
Improve Clip Discoverability: Users were watching only the first clip
Boost Editor Engagement: Only 26% were reaching the Editor
Provide Flexibility When AI Falls Short: Users needed fallback options
What We Did
Created Guided Exploration: Stronger layout, toggles, and visual hierarchy
Made Editor the Next Step: Contextual buttons and simplified actions
Gave Users Control: Manual clip creation from transcript or timestamps
At quso.ai, I worked as the sole product designer on the iOS app, driving the design process end-to-end—from ideation and user flows to high-fidelity designs and handoff.
On the web platform, I contributed to revamp the video editor, improving its usability and visual clarity for a smoother content creation experience. I also worked closely with product and engineering to design AI-powered features like AI Clips, focusing on integrating generative AI in a way that felt seamless and intuitive to users.
At quso.ai, I worked as the sole product designer on the iOS app, driving the design process end-to-end—from ideation and user flows to high-fidelity designs and handoff.
On the web platform, I contributed to revamp the video editor, improving its usability and visual clarity for a smoother content creation experience. I also worked closely with product and engineering to design AI-powered features like AI Clips, focusing on integrating generative AI in a way that felt seamless and intuitive to users.
I'm available for new projects