Product designer
Contact
All work
Client
ATP Design System
Year
2025
Disciplines
Design system
Case
07 / 30

ATP Design System — One design system powering ATP’s digital products.
Background
ATP is the governing body of men’s professional tennis, running a growing family of digital products for fans, players, officials and tournaments worldwide. These include the ATP Tour website, the ATP and WTA app, the white-label tournament platform, Tennis Score, the Rulebook app and Tennis ID, each serving different audiences with different needs.
Challenge
Each ATP product had grown up separately, with its own styles, components and ways of working. The result was inconsistent experiences for fans, duplicated effort for designers and engineers, and slower delivery as the product portfolio expanded. ATP needed one shared foundation that could scale across every platform and team without slowing anyone down.
Solution
I created and led the ATP design system as a product in its own right, from auditing every existing platform through to defining scalable tokens, building a component library and writing clear documentation. I designed it to flex across the website, apps, tournament platform and internal tools, so designers and engineers share one source of truth. The result is faster delivery, fewer inconsistencies and a cohesive, on-brand experience for fans on every ATP product.
Gallery
Drag or use arrows
ATP Design System — image 1 of 14
ATP Design System — image 2 of 14
ATP Design System — image 3 of 14
ATP Design System — image 4 of 14
ATP Design System — image 5 of 14
ATP Design System — image 6 of 14
ATP Design System — image 7 of 14
ATP Design System — image 8 of 14
ATP Design System — image 9 of 14
ATP Design System — image 10 of 14
ATP Design System — image 11 of 14
ATP Design System — image 12 of 14
ATP Design System — image 13 of 14
ATP Design System — image 14 of 14
Deliverables
  • Design system
  • Component library
  • Documentation
Next case
ATP Tournament Platform