Opus Clip AI Coaching Dashboard
B2C AIGC
Will be launched in 2024
Opus Clip is a company that focuses on AI content output, especially the production of short videos. Its AI-powered video repurposing tool transforms long videos into engaging, viral short clips. This tool is trendy among content creators, marketers, and agencies because it efficiently creates short videos suitable for platforms like YouTube Shorts, TikTok, Instagram, and LinkedIn.
Project Type
B2C Dashboard
Contract with Opus Clip
AI Integrated
​
Business Goal
The client need a comprehensive AI coaching Dashboard that can guide the users to use the Opus Clip more efficiently.
My Contribution
UX research
Prototyping
UI design
Design Iteration
Duration
May 2023 - Aug 2023
Problem Statement
Opus Clip is lacking an AI coaching dashboard to fulfill users’ video-creating experience
Without this AI-driven guidance, users are left without a strategic and efficient tool to optimize their video's impact.
Solutions - Key Features
Mainpage
Highlights platform stats, similar creators, and trending topics for quick insights and navigation
01​
02
Trending Topics Page
Suggest inspirational and popular video content and comparison of video popularity across different platforms
03
Competitor Page
Enables real-time comparison of video performance metrics of different creators across platforms
04
Performance Page
Offers platform-specific analytics to enhance content through core metrics, audience insights, and comment analysis
_edited.png)
User Research
Competitor Analysis - Understanding the Market
We pivoted our focus to conduct a comprehensive competitor analysis, examining other AI tools that helping video creation by analyzing their strengths, weaknesses, and how they are shaping the future of digital storytelling.
.png)
User Journey Map - Visualizing User Interactions
Transitioning from our analysis of the current video editing landscape, we build our insights on crafting a concise user journey map for using the Opus Clip AI Coaching dashboard. This involves envisioning the ideal functionality for our AI coaching dashboard, streamlining user interactions and touchpoints.
.png)
Interview - Understanding the Users Pain Points
Digging deeper, We interviewed 50+ creators ranging from individual creators to agency advertising creators.
.png)
Individual Creator
long video
military education
Youtube / Instagram
"As a solo video creator, my challenge lies in juggling content creation and editing ..."
.png)
Company Marketing Manager
long / short video
R&D / educational content
Youtube / Twitter/ TikTok
"Balancing creativity with compliance while meeting market demand poses a challenge ..."
.png)
Agency Advertise Creator
short video
luxury branding and product contents
Red / Instagram / TikTok
"Meeting market trends and understanding audience sensitivity pose a challenge..."
.png)
NBA Social Media Manager
long / short video
live NBA games / sideline training highlights
Youtube / Instagram / TikTok
"I hope AI tools help me optimize content for diverse platforms while considering their limitations and audience sensitivity..."
Focus On the Pain Points - Empathy Mapping
The interview surveys reveal that the majority of creators find content creation and editing, material finding and usage, translation and subtitles, market demand and audience, technical issues, and platform limitations and sensitivity to be the primary challenges
Translating Needs Into Features
After a thorough study of the user's video production process and user pain points, combined with Opus Clip'needs, we determined our design will focus on three aspects: Predict Market Trends, Provide Insights in Contents, and Video Data Analysis.
From Features to Flow – Information Architecture
.png)
Design
Initial Sketches
We started to sketch out our ideas based on the site map we created.
Typography & Colors
Opus Clip provides its own design system, including fonts, color palette, and grid system. Our role is to follow these guidelines to ensure visual consistency and maintain a professional standard.
Layout & Design Iteration - Understanding Users Eye Flow and What They Find Intuitive
Our initial layout emphasized competitors, which may overshadow data performance and trending topics. Since users have different content preferences, we revised the design to provide a more balanced view across all key areas.
Mainpage Layout Iteration
The initial main page layout design: a one-screen solution with segments dedicated to specific functions
Version 1
Version 2
Centrally placed for enhanced focus
Version 3
Version 4
Shifts from a split-grid to a scrollable layout, prioritizing platform performance first for clearer insight flow, while margin grids were added on each side to enhance visual balance and focus.
​
Performance Page UI Iteration
Version 1
Version 3
Added a view-all option, but too many data points caused visual clutter and made comparison harder.
Version 2
Switched from separate platform cards to a unified graph for easier cross-platform comparison.
Version 4
Adding a platform selection bar, enabling users to compare multiple metrics within a single platform or switch for cross-platform analysis.
Version 5 (Final Version)
The final version introduces a smart toggle: users can compare one metric across all platforms or view all metrics within a single platform for clearer, reduce users mental load.
Reflections
Quickly Scoping the Problem and Understanding Knowledge in B2C Products
Given the B2C nature of the product, understanding end-users and marketers was key. By quickly scoping the problem and market insights, we designed an engaging, user-friendly solution that met both user needs and market demands.
Communication Between Designers, Developers During Product Development
Effective communication between designers, developers, and engineers was paramount in the development of the Opus Clip AI coaching dashboard. This collaboration ensured that the project stayed on track and met the high standards required for a successful product launch.
Check out my other projects...
.png)
UX/UI Design
UX Research
Mobile App
C2C Platform
OpenSpace
Connect event-goers with private parking.
UX/UI Design
UX Research
Mobile App
In-Shuttle HMI
CampusAuto
A commute solution combining a in-shuttle HMI with a companion app
UX/UI Design
UX Research
Mobile App
PetEcho
A real-time vet consultation and community app
Desktop
UX Research
Usability Evaluation
Collaboratory
A public platform centralize and organize activities and events