Case 03 / 07 — ATP

Livescores,rebuiltformillions.

An in-flight redesign of the ATP’s core platform: a faster, mobile-first live scores experience and a design system built to scale.

[ Client ]

ATP

[ Sector ]

Sport

[ Services ]

Product Design

[ Year ]

2024

01[ The brief ]

The challenge.

The ATP website is where millions of fans follow live tennis, but the experience was fragmented, slow and hard to scale. And it all had to change while the site stayed live, on legacy systems, with real-time data and sponsors to serve.

[ The goal ]

A best-in-class live experience: faster, clearer, mobile-first, with commercial placements that feel part of the product, not bolted on.

02[ What we did ]

Four moves to sell-out.

[ Step 01 / 04 ]

01UX constraints

Worked inside live production, shaping every UX decision around legacy architecture and real-time data.

02The Design System

A modular, tokenised component library with light and dark modes, keeping every team consistent.

03Built for Live data

Live scores reframed as a rich, interactive product, with match state, stats and context in one clear hierarchy.

04Streamlined delivery

Close partnership with engineering through build and QA, shipped across two phases.

Live scores

Mobile rankings, news & scores

Player insights

Tournaments

Live rankings

Desktop scores & rankings

03[ The results ]

More page views (93 million)

More total users

Lower bounce rate

“

Commercial needs are part of the product. Integrating them well, not compromising on them, is what makes it sustainable.

[ UX Director, ATP Tour ]

[ Next case — 04 ]Sport

Tennis Score

Scoring UX for the umpire’s chair.

View case study→

[ More work ]

01SportATP Challenger→02SportATP→05AttractionsTutankhamun World Tour→06SportEuroLeague→07MarketingCreativebrief→

Want results
like these?

Energise Buzz/Captivate fans/Grow a community/Turn attention into bookings/Sell the experience/Energise Buzz/Captivate fans/Grow a community/Turn attention into bookings/Sell the experience/