Allstar.GG ∙ 2025
User Profiles
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 1000 492" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="UmBQGVl15-2834627509-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgba(20, 28, 38, 0.6)"/><stop offset="1" stop-color="rgba(26, 31, 46, 0.3)"/></linearGradient></defs><path d="M 0 492 L 0 192 L 20 162 L 40 204 L 70 102 L 90 180 L 120 72 L 140 162 L 170 42 L 190 144 L 220 12 L 240 132 L 270 0 L 290 120 L 320 24 L 340 144 L 370 42 L 390 168 L 420 60 L 440 168 L 470 72 L 490 180 L 520 84 L 540 192 L 570 102 L 590 204 L 620 120 L 640 216 L 670 132 L 690 222 L 720 144 L 740 228 L 770 162 L 790 240 L 820 180 L 840 252 L 870 192 L 890 264 L 920 204 L 940 252 L 970 222 L 1000 192 L 1000 192 L 1000 492 Z" fill="url(%23UmBQGVl15-2834627509-linear-gradient)" height="492px" id="UmBQGVl15" width="1000px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 1002 337" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="xG2O54qro-1551635875-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgba(25, 35, 45, 0.8)"/><stop offset="1" stop-color="rgba(20, 30, 40, 0.5)"/></linearGradient></defs><path d="M 0 337 L 0 157 L 30 135 L 60 180 L 100 90 L 130 148 L 160 67 L 200 135 L 230 45 L 260 121 L 300 22 L 330 112 L 360 0 L 400 103 L 430 13 L 460 112 L 500 31 L 530 121 L 560 45 L 600 135 L 630 58 L 660 126 L 700 31 L 730 112 L 760 45 L 800 121 L 830 58 L 860 135 L 900 67 L 930 148 L 960 103 L 1000 157 L 1002 157 L 1002 337 Z" fill="url(%23xG2O54qro-1551635875-linear-gradient)" height="337px" id="xG2O54qro" width="1002px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 1000 195" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="IcHwKBJi5-3137733011-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(30, 40, 50)"/><stop offset="1" stop-color="rgba(30, 40, 50, 0.7)"/></linearGradient></defs><path d="M 0 195 L 0 105 L 50 90 L 80 120 L 120 75 L 150 105 L 180 60 L 220 99 L 250 45 L 280 90 L 320 30 L 350 78 L 380 15 L 420 69 L 450 0 L 480 60 L 520 15 L 550 75 L 580 30 L 620 60 L 650 45 L 680 81 L 720 60 L 750 90 L 780 45 L 820 84 L 850 39 L 880 75 L 920 51 L 950 90 L 980 69 L 1000 105 L 1000 105 L 1000 195 Z" fill="url(%23IcHwKBJi5-3137733011-linear-gradient)" height="195px" id="IcHwKBJi5" width="1000px"/></svg>)
Role
Redesign, Interaction Design, Visual Design, Prototyping
Team
1 Product Manager, 2 Engineers
Timeline & Status
6 Weeks, Shipped
Overview
Players were generating clips through our partner integrations, but Allstar profiles felt like an afterthought—just a place to dump videos rather than showcase their gaming identity. Without clear organization or social features, users had no reason to invest in or share their profiles.
I led the end-to-end redesign from research through launch, working closely with engineering and product throughout.
The redesigned profile was a hit—users loved the increased customizability, leading to measurable improvements in profile engagement and sharing.
Highlights
A profile that finally feels like your own—customizable, organized, and worth sharing.
Real user profiles
IMAGE
Clip as hero banner
VIDEO
Inline profile editing & empty states
IMAGE
Edit profile as a dialog window
IMAGE
Expanded filtering options
IMAGE
Mobile edit profile flow
IMAGE
Profile cards appear when hovering a user
IMAGE
Challenge
Players treated Allstar as temporary storage, not a gaming home
Despite generating thousands of clips daily, our profiles felt generic and lifeless. Users
couldn't express their gaming identity, had no way to curate their best moments, and saw no value in returning to update or share their profiles.
The data told a clear story:
Only 12% of users ever customized their profile
Less than 2% of users shared their profile
Profile views averaged just 1.3 per user per month
Without personal investment in their profiles, users had no reason to come back or engage
with the platform beyond watching individual clips.
The old user profile page
IMAGE
Discovery
Understanding the problem
I started by analyzing user behavior to understand why profiles felt like an afterthought.
Behavioral Data Analysis
I pulled interaction data and found critical friction points:
"Edit Profile" button had only 8% click-through rate
94% of users never discovered the settings page
Zero correlation between number of clips and profile engagement.
The root cause: Customization was hidden, effortful, and didn't feel worth the time.
UX Audit
Editing the profile information required navigating away from the page into an "Account Settings" page accessible from the top navigation bar.
Competitive Analysis
I benchmarked identity and profile systems across gaming related platforms to bridge our feature gaps:
Allstar.gg
Medal.tv
Steam
Discord
Twitch
Profile Picture
✅
✅
✅
✅
❌
Followers / Following
✅
✅
✅
✅
❌
Pinned Clips
❌
✅
❌
✅
❌
Filters
✅
✅
✅
❌
✅
Social Links
✅
❌
❌
✅
✅
Custom Banner
❌
✅
✅
✅
✅
Playlists
❌
✅
❌
❌
✅
Biography
❌
✅
✅
✅
✅
Played Games
❌
✅
✅
✅
✅
Achievements
❌
✅
✅
✅
❌
Groups
❌
✅
✅
✅
❌
Three core issues emerged:
Core Issue #1
Hidden Customization
Profile customization buried in settings; no prompts or affordances
Core Issue #2
No Visual Identity
Profiles looked identical; nothing to make someone's unique
Core Issue #2
No Curation Tools
Everything chronological; no way to highlight best moments
The opportunity was clear: make profiles feel like curated showcases, not automatic dumps.
Synthesis
Based on research, I established three principles to guide the redesign:
1
Surface Customization
The existing profile buried all customization options in a separate settings page that 94% of users never discovered. Any solution needed to make personalization visible, accessible, and effortless from the profile page itself.
2
Enable Curation
Users didn't need more clips—they needed control over which clips to showcase. The redesign should shift users from passive viewers to active curators of their gaming achievements.
3
Create Visual Distinction
One of the biggest problems was that every profile looked identical—there was nothing to differentiate one user from another. Users needed ways to express their gaming identity and personality visually, making their profiles worth sharing and revisiting.
layout
Exploring different layouts for the profile page
How might we present relevant information at a glance?
Iteration 1: Minimal Changes
Add "Edit" button to existing layout
Pin favorite clips to carousel
Didn't go far enough
Still feels generic
Iteration 2: Overhauled layout
Customizable banner image
Added profile bio & played games
Prominently feature pinned videos in a carousel
Grid layout replacing feed
Profile information is not prominent enough
Doesn't look like a profile page
Iteration 3: Refining the layout
Clip-as-banner option replacing large clip carousel
Inline editing with empty states
Grid/feed layout toggle
Balanced customizability with usability
Interactions
Finding the right balance
We wrestled with how much freedom to give users and whether to replace or complement existing patterns. Here's how we decided:
Customizable Hero Banner
User uploaded images vs. curated presets
Increased customizability
Content moderation risk (NSFW, offensive, hateful imagery)
Performance issues with large image sizes
Increased engineering complexity
Faster implementation
Ensures every profile maintains visual quality
MINOR: Less freedom to customize profile
DESIGN DECISION
Use curated presets for profile banner customization.
Editing Profile
Edit Button & Dialog vs Inline Editing & Empty states
Less visual clutter on profile page
Edit multiple fields at a time
Easy to overlook (especially if small or in corner)
Requires extra clicks to customize
Clear affordances for action
Lower interaction cost (one click to edit)
Encourages completion behavior
Risk of accidental edits (clicking wrong thing)
DESIGN DECISION
Use both as they solves different use cases while adding minimal development time
Pinned Clips
Carousel vs top of list
Draws immediate attention to featured content
Doesn't look like a profile page
Adds interaction complexity
Decreases visual prominence of profile information
Lets profile information take the front seat
Simple, straightforward pattern
Simple implementation
Less visual distinction from regular content
DESIGN DECISION
Use top of stack as it is a familiar UI pattern & easier to implement.
Solution
Transforming gaming profiles from clip dumps into identity showcases
Shown below are the core features:
Customizable Hero Banner
Users select from curated presets or use one of their clips as a backdrop. The banner is the most prominent visual element. Giving users control here creates instant visual identity and makes profiles feel owned.
Inline Profile Editing
All customization now happens directly on the profile page with clear empty states. This reduces friction from multiple clicks and a settings hunt to a single click. Empty states
prompt action without users needing to discover features.
Grid/Feed Toggle
Users can freely toggle between chronological feed and gallery grid view. Grids reframe clips from "stuff I generated" to "achievements I'm showcasing." Better for sharing, scanning, and creating visual impact.
Pinned Clips
Users can pin up to 3 clips to feature their best moments. Curation is key to identity; pinning gives users editorial control and ensures visitors see their best clips first.
Enhanced Social Integration
Gaming identity is cross-platform. Showing Twitch, Discord, Steam connections, as well as games played acknowledges the broader ecosystem and gives more ways to express identity and build community.
Profile Hover Card
Hovering over any username shows a mini-preview: banner, bio, mutual followers, and "View Profile" CTA. This creates discovery moments throughout the platform. Users see others' customized profiles and get inspired to update their own.
Impact
Results that exceeded expectations
The redesign transformed how users engaged with their profiles:
3.4x
Increase in profile customization rate
89%
Increase in 7-day return visits for users with customized profiles
14%
Increase in external profile shares
More importantly, qualitative feedback showed that players loved how fun and fresh the new profile features felt. Banner customization and pinned clips were cited as top 2 favorite features in feedback surveys.
Reflection
What I Learned…
Identity is a feature, not a byproduct
Going into this, I thought the problem was "lack of features." The real insight was that gaming profiles are about self-expression first, utility second. By treating identity as a core feature—not an afterthought—we unlocked engagement we didn't know existed.
Reduce distance to action
The single highest-impact change was moving customization inline. Sometimes the best
design solution isn't a new feature—it's making existing features easier to find and use.
Curation over accumulation
I initially assumed users wanted more clips. They actually wanted control over which clips to showcase. Pinning and grid layouts gave them that editorial power, which drove pride and sharing.
Next Project