Punto81
← All work
Case Study — P.05

UEFA.Champions League

History, stats and live match content for UEFA.com's Champions League section — decades of competition data made browsable, plus the companion match center experience.

Client

UEFA

Engagement

Freelance, direct with UEFA

Platforms

UEFA.com — desktop & mobile web

Sections

History, Stats, Match Center

Decades of Champions League history, made as easy to browse as this season's table.

The Champions League section of UEFA.com carries an enormous amount of competition data — every season back to 1955, head-to-head records, all-time rankings, and live stats for the current tournament. The work was designing that depth so it reads as effortlessly on a phone as it does on a season-review desk.

Alongside the site, the companion match center brings live scores, line-ups and match stats into a focused mobile experience for following a game in real time.

History

Every season, browsable

A single hub for the competition's history: an all-seasons selector, this week's head-to-heads, classic games, all-time stats and top winners, and a timeline tracing the competition from the 1955 European Champion Clubs' Cup to today.

UEFA Champions League History section, desktop
UEFA Champions League History section on mobile, full page

History — mobile

UEFA Champions League History mobile breakdown: hub, head-to-heads, popular matches, all-time stats, timeline

History — section breakdown

Season Pages

Overview, Matches, Clubs, Stats

Every season gets its own page: a full-bleed stadium hero with the year's headline, then Overview, Matches, Clubs and Statistics tabs — finals and semi-finals, group stage standings, and the season's key numbers.

UEFA Champions League 1998-99 season page, Overview tab, desktop

Season 1998–99 — Overview

UEFA Champions League season page, Matches tab, with best matches carousel and full match list

Season — Matches

Stats

The competition in numbers

Tournament-wide numbers — matches played, when goals were scored, total goals and fouls — alongside team and player statistics: top scorers, assists, pass completion and saves, each ranked and filterable.

UEFA Champions League Stats page: matches played, goals timing, team and player statistics
UEFA Champions League Stats section mobile breakdown across five screens

Match Center

Live scores & line-ups

A focused live-match experience: score and scorers up top, then Overview, Line-ups and Stats tabs — full starting XIs and substitutes laid out on the pitch for both sides.

UEFA Champions League Match Center app showing Napoli 2-0 Arsenal with line-ups, held in hand
Multiple UEFA Champions League Match Center screens showing live scores and line-ups for Liverpool vs Manchester City

Focus areas

What the work prioritizes
01

Seven decades of competition data organized so any season is a few taps away.

02

Dense stats and rankings that stay scannable, on a screen the size of a phone.

03

A live match view built for the one moment that matters: the score, right now.

Next project

P.06 — FlyUX, Diploma Project

All Work