Home About Work Services Writing Contact ES
BACK TO PROJECTS
ID: 08 // Gaming // Design

LEAGUE OF LEGENDS

UIDASHBOARDGAMELOL
LEAGUE OF LEGENDS
MY ROLE
Dashboard UIData VisualizationAnalytics
IMPACT
Stats Radial visualization
Dark Responsive mode
MISSION

League of Legends Dashboard is an analytical panel concept that transforms player performance statistics into intuitive and visually engaging visualizations. The design targets competitive players from Gold to Challenger rank who seek actionable insights beyond the numeric tables offered by tools like op.gg or u.gg. Its differentiator is visually connecting every data point to the game's aesthetic identity, so that analyzing statistics feels like a natural extension of the LoL experience.

CATEGORY

Design — Gaming

SOURCE behance ↗
DIAGNOSIS
 _ 
SOLUTION

The dashboard integrates League of Legends' visual identity into every component: radial charts display performance by role with each position's colors and iconography, while an interactive timeline walks through recent matches highlighting key moments like first blood, dragons, and barons. The visual comparison against rank average lets players identify strengths and weaknesses at a glance. The entire design is responsive with native dark mode, optimized for extended analysis sessions between matches.

WORKFLOW
01
01 · DISCOVERY

Discovery

Brief · Stakeholders · Goals

02
02 · RESEARCH

Research

Benchmark · Users · Competition

03
03 · UX ARCH

UX Architecture

User Flows · Wireframes · IA

04
04 · UI DESIGN

Visual Design

Tokens · Layout · Components

GALLERY
LEAGUE OF LEGENDS screenshot