Allstar Studio 2.0
Allstar.gg
2025

ROLE
Product Designer
TEAM
Product Manager,
2 Engineers
TIMELINE
6 Weeks
TOOLS
Figma,
User Interviews
OVERVIEW
Allstar.gg is a platform that helps everyday gamers become content creators.
Allstar is a cloud-based platform that allows gamers to capture and edit high-quality gameplay without impacting PC performance. Unlike traditional recording software (like OBS) that uses your PC’s power and lowers your FPS, Allstar connects directly to game servers or match histories. It pulls data from the cloud to generate high-quality video, meaning the user doesn't have to hit record.
Studio is Allstar's creative engine for gamers. Instead of using traditional editing timelines, users apply "Creator Cards" to their gameplay clips. Each card represents a specific visual or audio effect that users can easily add to their creation flow. Once active, these cards do the heavy lifting—automatically detecting and syncing effects to in-game events like kills or wins.
IMG
Allstar Studio
IMG
Creator Cards
PROBLEM
Only x% of users actually applied any Creator Cards.
Despite a high output of new assets from our creative team, user engagement with Creator Cards was stagnant. The existing interface was disorganized, making it difficult for users to discover premium features or build a consistent brand identity. Through a heuristic analysis and user interviews, I identified that the barrier to adoption wasn’t the quality of the content, but the friction of the interface.
Inconsistent UI Patterns
Redesigning the profile page to increase customizability and increase user engagement.
Unintuitive Navigation
Redesigning the profile page to increase customizability and increase user engagement.
Unclear Rules
Redesigning the profile page to increase customizability and increase user engagement.
Only x% of users
The design team was producing high-quality "Creator Cards," but adoption was stagnant.
SOLUTION
Header Text
Redesigning the profile page to increase customizability and increase user engagement.
Header Text
Redesigning the profile page to increase customizability and increase user engagement.
Header Text
Redesigning the profile page to increase customizability and increase user engagement.
Header Text
Redesigning the profile page to increase customizability and increase user engagement.
DISCOVERY
Header Text
Redesigning the profile page to increase customizability and increase user engagement.
Header Text
Redesigning the profile page to increase customizability and increase user engagement.
Header Text
Redesigning the profile page to increase customizability and increase user engagement.
IDEATION
Header Text
Redesigning the profile page to increase customizability and increase user engagement.
Header Text
Redesigning the profile page to increase customizability and increase user engagement.
Header Text
Redesigning the profile page to increase customizability and increase user engagement.
OUTCOME
Header Text
Redesigning the profile page to increase customizability and increase user engagement.
Header Text
Redesigning the profile page to increase customizability and increase user engagement.
Header Text
Redesigning the profile page to increase customizability and increase user engagement.
Header Text
Redesigning the profile page to increase customizability and increase user engagement.
ROLE
Product Designer
TEAM
Product Manager,
2 Engineers
TIMELINE
6 Weeks
TOOLS
Figma,
Linear