Built for the 8 million gamers who clip, share and compete
Medal needed a social layer built for gaming culture, not a generic feed. Designed the platform from the ground up: profile, clips, stats, community.
Project
Medal.tv
Year
2022
OVERHAUL
GAMING
SAAS
OVERVIEW
Project
Platform
Company
Medal.tv
Year
2022
What we were building
Medal.tv is the world’s largest game clipping platform where gamers can clip their gameplay on their desktop or mobile device and make it their own with Medal’s full editing suite, and share it with other Medal.tv users or with the world on any social network with one-click.
The objective was to develop a comprehensive gaming social app that allows people from all backgrounds to connect, share and showcase their gameplay clips. The design features a cohesive, energetic and subdued interface that emphasizes the colors and liveliness of the clips and games.
THE PROBLEM
Gaming needed a social platform built by someone who understood gamers.
Gamers had no dedicated space to share clips, connect with peers, or build a real gaming identity. Existing platforms were designed for everyone, which meant they worked well for no one.
pain_points.log — 4 errors detected
ERR_01
Fragmented gaming identity
Players had no central place to showcase stats, clips and achievements across the
games they play.
IDENTITY
CRIT_02
Clip sharing was fragmented
Sharing a gameplay moment meant juggling multiple apps, losing quality and context at
every step.
CRITICAL
ERR_03
No community infrastructure
Gaming is deeply social, but Twitter and Instagram were never built around moments,
stats, and in-game identity.
COMMUNITY
ERR_04
Discovery was broken
Finding players with shared game interests or similar skill levels was impossible
without a purpose-built algorithm.
DISCOVERY
4 critical issues identified
awaiting resolution
The Platform
One dashboard. Every clip, every stat, every moment.
The Medal dashboard is where 8 million gamers live. I redesigned it from zero - the clip feed, the activity stream, the stories rail, and the community highlights surface — all in a single, dark-native workspace.
Clip-first layout
Your latest clips, friends' shares, and Community Highlights - surfaced above the fold without scrolling.
Real-time activity feed
Tags, follows, milestones, and clip reactions from your network - live, inline, without leaving the dashboard.
Community Highlights
Algorithm-surfaced high engagement clips from the global discovery built into the home screen.
MY CONTRIBUTION
What I helped shape, end to end
Worked alongside a full design team on the full product surface alongside the Medal product and engineering teams. From the gamer profile to the clip feed to the design system powering every screen.
SOCIAL
PLATFORM
DESIGN SYSTEM
Gamer Profile, Identity System
Designed the centrepiece of Medal: a fully personalised profile showing game stats, trophy shelf, clip library, and social graph. A gaming identity in one place, customisable with badges, rank, and game tags.
Clip Feed, Gaming-Native Discovery
Designed the primary content surface: an infinite scroll feed built for gameplay clips. Personalised by friends and follow graph. Community Highlights surfaced by the Medal algorithm. React, comment, and share without leaving the card.
Game Statistics, Contextual Performance
Designed a Valorant stats widget in collaboration with Riot Games. Rank, top agent, K/D, damage per round, and a leaderboard positioning you against friends and the Medal community. Stats with social meaning.
Design System, Dark and Gaming-Native
Built the Medal design system from zero. Near-black foundation, high-contrast amber accents, and components designed for dense, data-rich gaming screens. 30 production screens, fully annotated for engineering handoff.
Clip Feed
Gaming Clips
A personalised clip feed showing the best moments from friends and creators you follow plus Community Highlights surfaced by the Medal algorithm. React, comment and share directly from the card.
Infinite scroll feed with in-line editing tools
React, comment and share from the card
high-engagement clips from global feed
skills on display
Your stats. Ranked. In context.
A Valorant statistics widget built in collaboration with Riot Games - showing rank, top agent, K/D ratio and a leaderboard of your position
in the Medal community.
Rank, win ratio, K/D and damage per round
Leaderboard - You vs. Friends · NA · Diamond rank
Top agent spotlight with per-match breakdown
Activity Feed
Stay in the loop with your squad
A real-time activity feed surfacing moments that matter — clips liked by friends, milestone achievements, new followers and community events — all without leaving Medal.
Clips tagged, milestones reached
Notification-style cards with inline actions
Smart filters — community, friends, mutuals
GAMER PROFILE
Stay in the loop with your squad
A real-time activity feed surfacing moments that matter — clips liked by friends, milestone achievements, new followers and community events — all without leaving Medal.
Display stats from Valorant, CS2, and more
Trophy shelf, followers, and clip library on one page.
Customisable with badges, rank, and game tags.
clip library
Clip, Edit And Share
The Clip Library lets users upload clips to Medal and immediately edit them, share them to social feeds, or generate a link for any platform
The Process
Six months of research, system building, and relentless iteration.
Started with gamers, not assumptions. Four archetypes, five research methods. Every decision traceable back to something a real gamer told us.
03
Month 3 · System
Visual Design System
Built the Medal design system. Dark foundations, high-contrast amber accents, gaming-native components. Syne for display energy, IBM Plex Mono for technical precision. Across dense, data-rich screens.
DESIGN SYSTEM
COMPONENT LIBRARY
04
Month 4–5 · Design
Screen Design & Iteration
Designed 30 production-ready screens across Dashboard, Profile, Clip Feed, Game Stats, Activity Feed, and Clip Library. Iterative feedback with the Medal product team throughout.
REVIEWS
A/B TESTING
05
Month 6 · Handoff
Creator Tools, Mobile & Dev Handoff
Shipped creator-facing tools for story import and revisions, plus the mobile companion app for readers. Spec'd handoff with engineering across web, iOS, and Android.
DEV HANDOFF
QA BREAKING
MORE ITERATIONS
outcomes
The design set a new standard for what a gaming-native social platform should feel like. Here's the proof.
medal.tv
8m+
Active Gamers
The designs power the world's largest game clipping platform, supporting millions of daily active users worldwide.
30
Production Screens
Dashboard, Profile, Clip Feed, Game Stats, Activity Feed. Every screen handoff-ready with full dev specs and annotations.
04
Gamer Archetypes Researched
Creators, Players, Viewers, and Clippers. Every archetype interviewed before a single pixel was pushed.
01
Complete Design System
Tokens, components, and gaming-native language. Handed to engineering with full annotation coverage.
