Skip to content
Luca González

ProjectsAtletiRadar

Web, 2026

Atlético de Madrid news you can also listen to.

LiveVisit atletiradar.xyz (opens in a new tab)
Real atletiradar.xyz home page in dark mode inside a browser window: lead story, Latest and the last match's score
01

AtletiRadar is an independent news site about Atlético de Madrid. I built it myself and it's live at atletiradar.xyz.

02

  • Bring the club's news, the transfer market and the fixtures together in one place.
  • Make the news something you can listen to, not just read.
  • Be able to publish and edit content without touching code.
03

Following a team means jumping between different sources for news, transfer rumours and match dates. And reading isn't always possible: on the metro, walking or doing something else.

04

  • News, Transfer market and Fixtures as their own sections.
  • Atleti Audio (at /audio): the news read aloud in Spanish, English and French.
  • Admin panel to manage the published content.
05

  • Interface in React, designed mobile first.
  • Custom admin panel to publish, edit and translate news without touching code.
  • Every article has an audio version in Spanish, English and French.
06

The site is live and you can visit it at atletiradar.xyz, with Atleti Audio available in three languages.

News grid on the atletiradar.xyz home page in dark mode, by section
News by section on the home page
An article open on atletiradar.xyz in dark mode with the Atleti Audio block to listen to it
An article with its Atleti Audio version
Transfer market page on atletiradar.xyz in dark mode with signings, departures, rumours and renewals for the 2026-27 season
Transfer market: signings, departures, rumours and renewals
Fixtures and standings page on atletiradar.xyz in dark mode with countdown, upcoming matches and tables
Fixtures, countdown and standings

End of the case study for AtletiRadar

Back to all projects