BRIEF
BRIEF
BRIEF
BRIEF
Enhancing fan engagement in the Stubios Greenlight system
Enhancing fan engagement in the Stubios Greenlight system
Enhancing fan engagement in the Stubios Greenlight system
Enhancing fan engagement in the Stubios Greenlight system
Redesigned the Greenlight system to make fan actions more engaging, meaningful, and trackable, bridging the gap between participation and recognition.
Fan actions were invisible in Stubios, breaking the engagement flow. I designed interactions that visualized contributions and built emotional connection.
Redesigned the Greenlight system to make fan actions more engaging, meaningful, and trackable, bridging the gap between participation and recognition.
Fan actions were invisible in Stubios, breaking the engagement flow. I designed interactions that visualized contributions and built emotional connection.
DURATION
DURATION
DURATION
10 Weeks
Jun 2024 - Aug 2024
10 Weeks
Jun 2024
- Aug 2024
10 Weeks
Jun 2024 - Aug 2024
ROLE
ROLE
ROLE
UX Designer
UX
Designer
UX Designer
TEAM
TEAM
TEAM
Director
Project Manager
Product Manager
2 Engineer
Director
Project Manager
Product Manager
2 Engineer
Director
Project Manager
Product Manager
2 Engineer
TOOL
TOOL
TOOL
Figma, Adobe Creative
Suite, Clickup, Slack
Figma,
Adobe Creative
Suite, Clickup,
Slack
Figma, Adobe Creative
Suite, Clickup, Slack
BACKGROUND
BACKGROUND
BACKGROUND
Stubios — Tubi’s
creator-driven content hub
Stubios —
Tubi’s creator-driven content hub
Stubios — Tubi’s
creator-driven content hub
Tubi, FOX Corporation’s free streaming platform, launched a new ‘fan-fueled’ studio to cultivate the next generation of filmmakers.
The platform serves as a dedicated space for creators to share their work, build an audience, and foster meaningful fan engagement.
Tubi, FOX Corporation’s free streaming platform, launched a new ‘fan-fueled’ studio to cultivate the next generation of filmmakers.
The platform serves as a dedicated space for creators to share their work, build an audience, and foster meaningful fan engagement.
Tubi, FOX Corporation’s free streaming platform, launched a new ‘fan-fueled’ studio to cultivate the next generation of filmmakers.
The platform serves as a dedicated space for creators to share their work, build an audience, and foster meaningful fan engagement.
DISCOVERY
DISCOVERY
DISCOVERY
What is Greenlight?
What is Greenlight?
What is Greenlight?
Greenlight is Stubios’ fan-driven model where audiences watch, like, comment, and vote on short-form pitches to help decide which projects move forward. Each action earns points, bringing creators closer to getting their projects greenlit.
Greenlight is Stubios’ fan-driven model where audiences watch, like, comment, and vote on short-form pitches to help decide which projects move forward. Each action earns points, bringing creators closer to getting their projects greenlit.
Greenlight is Stubios’ fan-driven model where audiences watch, like, comment, and vote on short-form pitches to help decide which projects move forward. Each action earns points, bringing creators closer to getting their projects greenlit.
01 Watch Creator's Contents
01 Watch Creator's Contents
02 Fan Support Creators
02 Fan Support Creators
03 Creator Launch "Tubi Orginal"
03 Creator Launch "Tubi Orginal"
PROBLEM
PROBLEM
Lack of Social
Interaction
for Greenlight
Lack of Social
Interaction
for Greenlight
Lack of Social
Interaction
for Greenlight
In the Greenlight system, fans could watch, like, and vote on content, but had no space for conversation or feedback. Without seeing the impact of their actions, many lost interest, leading to lower participation and weaker creator support.
In the Greenlight system, fans could watch, like, and vote on content, but had no space for conversation or feedback. Without seeing the impact of their actions, many lost interest, leading to lower participation and weaker creator support.
In the Greenlight system, fans could watch, like, and vote on content, but had no space for conversation or feedback. Without seeing the impact of their actions, many lost interest, leading to lower participation and weaker creator support.
Fans can only interact through built-in features
Fans can only interact through
built-in features
Fans can only interact through built-in features
The bounce rate decreased
The bounce rate decreased
The bounce rate decreased
How might we make fan contributions feel visible and valued within the Greenlight experience?
How might we make fan contributions feel visible and valued within the Greenlight experience?
How might we make fan contributions feel visible and valued within the Greenlight experience?
SOLUTION
SOLUTION
A Clear solution
to a clearly defined problem
A Clear solution
to a clearly defined problem
A Clear solution
to a clearly defined problem
With clear gaps in social interaction and feedback, the solution became evident. By addressing what was missing, we designed features that transform passive actions into meaningful participation and visible impact.
With clear gaps in social interaction and feedback, the solution became evident. By addressing what was missing, we designed features that transform passive actions into meaningful participation and visible impact.
With clear gaps in social interaction and feedback, the solution became evident. By addressing what was missing, we designed features that transform passive actions into meaningful participation and visible impact.
DESIGN PROCESS
DESIGN PROCESS
Designing a transparent greenlight point system
Designing a transparent greenlight point system
Designing a transparent greenlight point system
Rather than rewarding raw activity volume, the system prioritizes actions that reflect real participation and long-term community building.
By combining static actions with dynamic criteria, the point system transparently measures both what fans do and how consistently they engage supporting fair and trustworthy greenlight decisions.
Rather than rewarding raw activity volume, the system prioritizes actions that reflect real participation and long-term community building.
By combining static actions with dynamic criteria, the point system transparently measures both what fans do and how consistently they engage supporting fair and trustworthy greenlight decisions.
Rather than rewarding raw activity volume, the system prioritizes actions that reflect real participation and long-term community building.
By combining static actions with dynamic criteria, the point system transparently measures both what fans do and how consistently they engage supporting fair and trustworthy greenlight decisions.
Greenlight scoring model
Greenlight
scoring model
Greenlight scoring model
Benchmarking research on fan engagement platforms
Benchmarking research
on fan engagement platforms
Benchmarking research on fan engagement platforms
We analyzed TikTok, YouTube, and Twitch to learn how instant feedback, community features, and real-time rewards encourage participation.
We analyzed TikTok, YouTube, and Twitch to learn how instant feedback, community features, and real-time rewards encourage participation.
We analyzed TikTok, YouTube, and Twitch to learn how instant feedback, community features, and real-time rewards encourage participation.
DIRECTION A ITERATION
DIRECTION A ITERATION
DIRECTION A ITERATION
Testing and evolving
the comment feed
Testing and evolving
the comment feed
Testing and evolving
the comment feed
We tested each layout step-by-step, addressing two main issues: inaccurate Join the chat button placement and unclear button-to-comment grouping. Through these iterations, we refined the design and selected the third (carded layout) for its clear grouping and improved accuracy.
We tested each layout step-by-step, addressing two main issues: inaccurate Join the chat button placement and unclear button-to-comment grouping. Through these iterations, we refined the design and selected the third (carded layout) for its clear grouping and improved accuracy.
We tested each layout step-by-step, addressing two main issues: inaccurate Join the chat button placement and unclear button-to-comment grouping. Through these iterations, we refined the design and selected the third (carded layout) for its clear grouping and improved accuracy.
We needed a design
that unified all key fan
actions into one place
We needed a design
that unified all key
fan actions
into one place.
We needed a design
that unified all key fan actions into one place.
This approach makes engagement easier for fans, ensures actions are clearly linked to their source, and allows Stubios to accurately track participation within the Greenlight point system.
This approach makes engagement easier for fans, ensures actions are clearly linked to their source, and allows Stubios to accurately track participation within the Greenlight point system.
This approach makes engagement easier for fans, ensures actions are clearly linked to their source, and allows Stubios to accurately track participation within the Greenlight point system.
DIRECTION A FINAL DESIGN
DIRECTION A FINAL DESIGN
DIRECTION A FINAL DESIGN
Comment Feed &
Chatrooms Style Discussion
Comment Feed &
Chatrooms Style Discussion
Comment Feed &
Chatrooms Style Discussion
Watch short-form content
Slide up the comment feed to see community discussions
React to standout comments or join a related chatroom
In the chatroom, follow threads, reply, and engage directly with the community
Watch short-form content
Slide up the comment feed to see community discussions
React to standout comments or join a related chatroom
In the chatroom, follow threads, reply, and engage directly with the community
A slide-up comment feed was placed over short-form content. Tapping a comment opens a thread centered on it, with a top tab showing the source comment.
By embedding high-signal actions into one unified card, we turned a single comment into a dynamic entry point for measurable, fan-driven impact.
Ok.. Creator earns a lot of points.
Where do they go to check their progress in Greenlight system?
Ok.. Creator earns a lot of points.
Where do they go to check their progress in Greenlight system?
Ok.. Creator earns a lot of points.
Where do they go to check their progress in Greenlight system?
DIRECTION B ITERATION
DIRECTION B ITERATION
DIRECTION B ITERATION
Exporing Leaderboard
formats for motivation
Exporing Leaderboard
formats for motivation
Exporing Leaderboard
formats for motivation
We explored multiple leaderboard formats to find what best drives fan motivation. Option C emerged as the most balanced, showing current and goal points together—e.g., “14,981 out of 15,000.” This simple visual made progress clear and turned numbers into real motivation for continued support.
We explored multiple leaderboard formats to find what best drives fan motivation. Option C emerged as the most balanced, showing current and goal points together—e.g., “14,981 out of 15,000.” This simple visual made progress clear and turned numbers into real motivation for continued support.
We explored multiple leaderboard formats to find what best drives fan motivation. Option C emerged as the most balanced, showing current and goal points together—e.g., “14,981 out of 15,000.” This simple visual made progress clear and turned numbers into real motivation for continued support.
DIRECTION B FINAL DESIGN
DIRECTION B FINAL DESIGN
DIRECTION B FINAL DESIGN
Gamified Scoring
Greenlight Leaderboard
Gamified Scoring
Greenlight Leaderboard
The leaderboard highlights race completion at the top and displays project rankings, points, and avatars in a clear list format. Fans can confirm their support led to real impact, reinforcing Stubios’s collaborative creation model.
The leaderboard highlights race completion at the top and displays project rankings, points, and avatars in a clear list format. Fans can confirm their support led to real impact, reinforcing Stubios’s collaborative creation model.
Gamified Scoring Greenlight Leaderboard
The leaderboard highlights race completion at the top and displays project rankings, points, and avatars in a clear list format. Fans can confirm their support led to real impact, reinforcing Stubios’s collaborative creation model.
OTHER UI DESIGN
OTHER UI DESIGN
OTHER UI DESIGN
DURATION
Jun 2024
Aug 2024
ROLE
UX
Designer
TEAM
Director
Project Manager
Product Manager
2 Engineer
TOOL
Figma, Adobe Creative
Suite, Clickup, Slack
BACKGROUND
Stubios — Tubi’s creator driven
content hub
Tubi, FOX Corporation’s free streaming platform, launched a new ‘fan-fueled’ studio to cultivate the next generation of filmmakers.
The platform serves as a dedicated space for creators to share their work, build an audience, and foster meaningful fan engagement.
DISCOVERY
What is Greenlight?
Greenlight is Stubios’ fan-driven model where audiences watch, like, comment, and vote on short-form pitches to help decide which projects move forward. Each action earns points, bringing creators closer to getting their projects greenlit.
01 Watch Creator's Contents
02 Fan Support Creators
03 Creator Launch "Tubi Orginal"
PROBLEM
Lack of Social
Interaction
for Greenlight
In the Greenlight system, fans could watch, like, and vote on content, but had no space for conversation or feedback. Without seeing the impact of their actions, many lost interest, leading to lower participation and weaker creator support.
Fans can only interact through built-in features
The bounce rate decreased
How might we make fan contributions feel visible and valued within the Greenlight experience?
SOLUTION
A Clear solution
to a clearly defined problem
With clear gaps in social interaction and feedback, the solution became evident. By addressing what was missing, we designed features that transform passive actions into meaningful participation and visible impact.
DESIGN PROCESS
Designing a transparent greenlight point system
Rather than rewarding raw activity volume, the system prioritizes actions that reflect real participation and long-term community building.
By combining static actions with dynamic criteria, the point system transparently measures both what fans do and how consistently they engage supporting fair and trustworthy greenlight decisions.
Greenlight scoring model
Benchmarking research on fan engagement platforms
We analyzed TikTok, YouTube, and Twitch to learn how instant feedback, community features, and real-time rewards encourage participation.
DIRECTION A ITERATION
Testing and evolving
the comment feed
We tested each layout step-by-step, addressing two main issues: inaccurate Join the chat button placement and unclear button-to-comment grouping. Through these iterations, we refined the design and selected the third (carded layout) for its clear grouping and improved accuracy.
We needed a design
that unified all key fan
actions into one place
This approach makes engagement easier for fans, ensures actions are clearly linked to their source, and allows Stubios to accurately track participation within the Greenlight point system.
DIRECTION A FINAL DESIGN
Comment Feed &
Chatrooms Style Discussion
Watch short-form content
Slide up the comment feed to see community discussions
React to standout comments or join a related chatroom
In the chatroom, follow threads, reply, and engage directly with the community
Ok.. Creator earns a lot of points.
Where do they go to check their progress in Greenlight system?
DIRECTION B ITERATION
Exporing Leaderboard
formats for motivation
We explored multiple leaderboard formats to find what best drives fan motivation. Option C emerged as the most balanced, showing current and goal points together—e.g., “14,981 out of 15,000.” This simple visual made progress clear and turned numbers into real motivation for continued support.
DIRECTION B FINAL DESIGN
Gamified Scoring
Greenlight Leaderboard
The leaderboard highlights race completion at the top and displays project rankings, points, and avatars in a clear list format. Fans can confirm their support led to real impact, reinforcing Stubios’s collaborative creation model.
Gamified Scoring Greenlight Leaderboard
The leaderboard highlights race completion at the top and displays project rankings, points, and avatars in a clear list format. Fans can confirm their support led to real impact, reinforcing Stubios’s collaborative creation model.
OTHER UI DESIGN
IMPACT
IMPACT
Platform
Engagement Uplift
2.4× increase in comment engagement
3.2× increase in average fan session duration
2.4× increase in comment engagement
3.2× increase in average fan session duration
2.4× increase in comment engagement
3.2× increase in average fan session duration
Program Outcomes
Program Outcomes
14 finalists selected
Secured a brand sponsorship with PepsiCo’s STARRY, expanding creator visibility and partnership potential
14 finalists selected
Secured a brand sponsorship with PepsiCo’s STARRY, expanding creator visibility and partnership potential
14 finalists selected
Secured a brand sponsorship with PepsiCo’s STARRY, expanding creator visibility and partnership potential
REFELECTION
REFELECTION
REFELECTION
What I learned
from this project
What I learned
from this project
What I learned
from this project
01
Meet tight timelines
how to prioritize
how to prioritize
how to prioritize
02
Align with engineers
hand off clean components
hand off clean components
hand off clean components
03
Launch
balance user needs with brand voice—all under actual launch pressure
balance user needs with brand voice—all under actual launch pressure
balance user needs with brand voice—all under actual launch pressure