top of page
Untitled design (19).png

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

Nov 2023 - Feb 2024

Problem Statement

Problem Statement

In today's fast-evolving digital landscape, AI coaching is revolutionizing video content creation and advertising on platforms like YouTube, TikTok, and Instagram, by offering personalized, data-driven insights to engage audiences effectively.

 

Opus Clip faces a critical deficit in its user experience—the absence of an AI coaching dashboard. Without this AI-driven guidance, users are left without a strategic and efficient tool to optimize their video's impact. Introducing an AI coaching dashboard is imperative to elevate individual creators' and advertisers' video-creating experience, providing users with tailored support to revolutionize their short video content on popular platforms like YouTube, TikTok, and Instagram.

Untitled design (31)_edited.png

Opus Clip is lacking an AI coaching dashboard to fulfill users’ video-creating experience

Solutions - Final Design

 Solution 1 - Mainpage

Screenshot 2024-03-26 at 9.39_edited.png

Purpose:

  • Snapshot of content

  • Direct access to subpages

Features:

  • Platform Performance

  • Similar Topic Creators

  • Trending Topics

Solution 2 - Performance Page

Purpose:

Based on specific platform to provide performance
analytics, help users on contents and account
optimization decision making

Feature:

  • Account Overview and Optimize Suggestion

  • Core Data

  • Audience Insights

  • Comments Insights

Screen Recording 2024-03-27 at 12.51.09 AM.gif

Solution 3 - Competitor Page

Screenshot 2024-03-27 at 1.10_edited.png

Purpose:

Provide a simple and clear comparison of competitors' video performance data across various platforms.

Feature:

  • Real-time AI data algorithm updates and competitor push notifications

  • Intuitive collection of video performance data

  • Comparison of changes in audience interaction data trends

Solution 4 - Trending Topics Page

Feature:

  • Content Recommendations

  • AI-Driven Suggestions

  • Inspirational Video Series

Suggest inspirational and popular video content and comparison of video popularity across different platforms
 

Purpose:

Screenshot 2024-03-27 at 5.06_edited.png

User Research

Competitor Analysis 

After brainstorming how AI could enhance video production, 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.

Frame 1 (6).png
Define

Ideation

How video creation experience be like after using Opus Clip's AI coaching dashboard? 

User Journey Map

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. By seamlessly integrating AI support, we aim to enhance the overall video creation process, providing users with a powerful and streamlined creative experience.

Map (2).png

Affinity Mapping Analysis - insights into video-creation market

To prepare for the interview, we implemented the affinity mapping technique to systematically categorize and sift through our insights into the entire video creation market, ensuring a thorough and organized evaluation.

Affinity Diagram_Hayley.png

Interview

Digging deeper, We interviewed 50+ creators ranging from individual creators to agency advertising creators.

End the session with some action items. (4).png

Individual Creator
long video
military educa
tion
Youtube /
Instagram 

"As a solo video creator, my challenge lies in juggling content creation and editing ..."

End the session with some action items. (4).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 ..."

End the session with some action items. (4).png

Agency Advertise Creator 
short video
luxury branding and product contents
Red / Instagram / TikTok 

"Meeting market trends and understanding audience sensitivity pose a challenge..."

End the session with some action items. (4).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..."

Video Production Pain Points

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

Frame 1707479140.png

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. 

Strength.png
Ideate

Information Architecture - identify features presented on the final design

The sitemap is based on the video creator's pain points and we identify the four key task flows that the final design will focus on:

1. Getting information on trending topics

2. Knowing their competitors

3. Performance Overview

4. Navigating to quick access

The sitemap framework and the user insights collected guide us in future design decisions.

Main Page (1).png

Design

Initial Sketches

We started to sketch out our ideas based on the site map we created.

Frame 1707478877.png
Design - Iteration

Key Interface - Layout & Design Iteration

Understanding users' eye flow and what they find intuitive 

According to the user's eye flow, the layout of our initial design places a heavy emphasis on competitors, which may give the impression that they are the most critical aspect, potentially overshadowing the importance of data performance and trending topics. Different users have different preferences for information consumption. Some might prefer a more balanced view of data, trends, and competitors, and the first design could be less appealing to them. Acknowledging that trends and competitor analysis could be equally important in certain situations, we update our design. 

MAINPAGE LAYOUT DESIGN ITERATION

The initial main page layout design: a one-screen solution with segments dedicated to specific functions

MainPage - 2.png

Platform Performance: Now centrally placed for enhanced focus

MainPage - 3.png
  • Switched to a scrollable screen layout

  • Content reordered: Platform Performance top, then Competitors, and Trending Topics for direct insights

  • Grids remain on both sides

  • Removed AI suggestion section to avoid presenting uncertain insights

KEY INTERFACE - PERFORMANCE SECTION ITERATION

MainPage - 4.png
  • All-in-one line graph displaying, allows users to visualize changes in performance across platform

  • Originally featured individual platform cards and graphs

  • complicated comparisons

MainPage - 5.png
  • Added view-all-platform selection

  • Viewing all platforms with multiple data points selected leads to a cluttered graph, hindering comparison

  • Added platform selection bar

  • Enables comparison of multiple data points on a single platform

MainPage - 10.png
  • When single platform is selected, all three data points can be compared at a time

  • When all platforms are selected, only one data point can be compared at a time.

Recollect

Reflections

Quickly Scoping the Problem and Understanding Knowledge in B2C Products

Given the nature of B2C products, understanding the end-users—content creators, marketers, and agencies—was essential. The goal was to develop a product that is not only functional but also engaging and easy to use. By quickly scoping the problem and leveraging deep knowledge of the B2C market, our team was able to design a solution that directly addressed user needs and market demands, ultimately enhancing the product's value and user satisfaction.

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...

Screenshot 2024-06-25 at 4.38.30 PM.png

CampusAuto

UX Design (1).png

A commute solution combining a fleet of self-driving electric shuttles with a companion app

PetEcho_edited.jpg
Screenshot 2024-06-25 at 4.41.27 PM.png
UX Design.png

PetEcho

UX Design (2).png

Collaboratory

A real-time vet consultation and community app

A public platform centralize and organize activities and events

bottom of page