Rediseño integral de la web principal de Atlético de Madrid: de un sitio institucional estático a una plataforma modular pensada para escalar con la identidad del club.
Construir, en tiempo récord, una plataforma modular que reflejara la nueva marca del club sin depender de desarrollo para cada cambio.
El club estaba renovando su imagen de marca, y la web principal —el punto de contacto digital más visible con la afición— se había quedado atrás: un sitio rígido, difícil de mantener y desalineado con la nueva identidad visual.
El encargo no era «rediseñar unas pantallas», sino construir una base: un sistema modular y flexible que el equipo de contenidos y marketing del club pudiera operar sin depender de desarrollo para cada cambio, con un layout dinámico capaz de dar protagonismo tanto a partidos y resultados como a historias de club, cantera y afición.
Restricciones del proyecto: el principal condicionante fue el tiempo. El nuevo brand del club ya había salido, y la prioridad era que la web —y la app— reflejaran la nueva identidad lo antes posible: no había margen para un proceso largo de exploración, había que decidir rápido y con criterio.
Antes de tocar interfaz, el trabajo empezó por entender tres cosas: cómo estaba evolucionando la identidad de marca del club, qué estaban haciendo (bien y mal) otras webs de clubes y entidades deportivas de referencia, y qué necesitaba realmente el equipo del Atlético del día a día del sitio.
Qué contenidos generaban más tráfico, qué módulos estaban duplicados o infrautilizados, dónde se rompía la experiencia entre escritorio y móvil.
Análisis de webs de clubes y marcas deportivas de referencia para entender estándares de la categoría y detectar oportunidades de diferenciación (por confidencialidad, no se detallan las referencias concretas en este caso).
Qué necesitaba el equipo de contenidos del club, qué limitaciones técnicas existían, qué no podía cambiar.
Esta fase sentó las prioridades del rediseño antes de entrar en definición.
Trabajé como Product Designer dentro del equipo de diseño de Garaje de Ideas, en colaboración directa con Macarena Fernández (Product Manager). Mi responsabilidad cubrió todo el recorrido de diseño, de punta a punta:
Definir un proyecto de este tamaño con un stakeholder externo (el club) exige tanto proceso como cintura. Organizamos sesiones de trabajo y dinámicas conjuntas con el equipo de Atlético de Madrid para alinear expectativas, acordar un cronograma realista y establecer un ritmo de retroalimentación que evitara sorpresas en fases avanzadas.
El reto de fondo era de escalabilidad: el club necesitaba poder añadir secciones y campañas sin rediseñar cada vez. Eso llevó el trabajo más allá de la pantalla, hacia la arquitectura:
Con el sistema definido, el trabajo pasó a resolver pantallas concretas: home, ficha de partido, noticias, plantilla, y las vistas móviles equivalentes. Cada pantalla se diseñó como una composición de los componentes del sistema, no como una pieza aislada — así cualquier cambio de contenido futuro seguía encajando en el mismo lenguaje visual.
Antes del pase a desarrollo, el diseño pasó por rondas de validación con el equipo del club: revisiones de las pantallas y del prototipo navegable para confirmar que la jerarquía de contenido, la navegación y los componentes del sistema respondían a cómo el club quería comunicar (partidos, noticias, cantera, campañas comerciales). Cada ronda se tradujo en ajustes concretos de contenido y jerarquía visual antes de congelar el diseño para desarrollo — dado el poco margen de tiempo, esta validación fue clave para no tener que corregir sobre la marcha una vez en producción.
El sitio está hoy en producción tal cual se diseñó, sin desviarse del sistema definido durante el proyecto — la prueba de que el diseño modular funcionó no es una maqueta, es la web real de Atlético de Madrid, live, construida sobre esos mismos componentes.
* Datos públicos de tráfico (SimilarWeb, 2026): una fotografía actual del sitio en producción, no una comparativa antes/después del rediseño.
Ha sido intenso, pero el resultado es un reflejo de todo ese trabajo duro. Muchas gracias por tratar con tanto cariño nuestra nueva marca y darle ese valor añadido en la web, y a todos los compañeros por el tiempo y la dedicación a este proyecto.Jesús Malpartida — Responsable de diseño, Atlético de Madrid
