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.

  1. Inconsistent UI Patterns

Redesigning the profile page to increase customizability and increase user engagement.

  1. Unintuitive Navigation

Redesigning the profile page to increase customizability and increase user engagement.

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