Mobile UI · UX Case Study

PlayNext Gaming App Design

A gaming companion app concept designed to reduce backlog overload, surface unfinished games, and make it easier for players to decide what to play next.

Role: UX/UI designer Figma & mobile interface design Gaming companion app concept
Final interface
PlayNext Now Playing screen
PlayNext Goals screen
PlayNext Friend Profile screen
01 · SNAPSHOT Project at a glance

Help players decide what to play next

PlayNext is a gaming companion concept built around backlog overload, unfinished games, and missed opportunities to play with friends.

The interface keeps attention on the next meaningful action instead of turning the experience into a dense catalogue of stats.

Project type Mobile app concept UX/UI case study for a subscription gaming companion
Primary users Console & PC gamers Players managing large backlogs across Game Pass and PS Plus
My role Research, IA, wireframing, UI design Planned the structure and built the visual direction
Key message Own less backlog, enjoy more play Upbeat, spoiler-free, and privacy-first
02 · UX STRUCTURE IA & wireframes

Organize the experience around one clear hub

The information architecture centers on Home / Now Playing, then branches into Library, Goals, Friends, Stats, Alerts, and Settings. Wireframes tested those relationships before visual styling was applied.

Sitemap
Information hierarchy
Wireframes 1
Wireframes 2
Wireframes 3
03 · VISUAL SYSTEM High-fidelity direction

Use strong contrast and quick visual cues

Exo 2 and Inter, high-contrast surfaces, repeated components, and focused actions create a tech-forward gaming interface without making the experience feel like a spreadsheet of chores.

Design system
Now Playing
Goals
04 · PROTOTYPE Interactive prototype

Connect the screens into one usable flow

The Figma prototype brings the final screens together so navigation, pacing, and screen relationships can be experienced as a connected mobile product instead of isolated layouts.