Grupo de jugadores de fútbol celebrando en el campo, usando camisetas rojas y shorts azules, en un estadio con público de fondo.

ATLéTICO DE MADRID

REDISEÑO DEL ECOSISTEMA DIGITAL

Belén Diloy - Product Designer

Macarena Fernández - Product Manager

Proyecto desarrollado en Garaje de Ideas como parte del equipo de diseño.

Redefinir la experiencia digital del Atlético de Madrid

THE CHALLENGE

Pantalla de computadora y teléfono móvil mostrando la página de venta de boletos para un partido de fútbol entre Atlético de Madrid e Inter de Milán, con una imagen de jugadores de fútbol en el campo.

Rediseñar integralmente su página web principal, alineándola con la nueva imagen del club y creando una experiencia digital más atractiva, interactiva y satisfactoria para sus usuarios.

El objetivo no solo era actualizar el diseño visual, sino también incorporar elementos que destacaran la actualidad del club y facilitaran la conexión emocional con sus seguidores. Para lograrlo, nos propusimos desarrollar un diseño modular y flexible, con un layout dinámico capaz de adaptarse a diferentes contenidos y contextos, garantizando una experiencia siempre relevante y diferenciadora.

Una mujer con camiseta negra de fútbol y pantalones beige, sentada en un banco en un lugar con luz amarilla y un letrero de neón amarillo que dice 'ASH'.

mi rol

Colaboración y alineación estratégica

Jugadores del Atlético de Madrid celebrando un gol durante un partido en un estadio lleno de aficionados, algunos sosteniendo bufandas del equipo.

Mi rol incluyó la comunicación directa con los stakeholders para comprender sus objetivos y garantizar que el diseño estuviera alineado con las expectativas del club. Facilitaba dinámicas colaborativas para identificar necesidades clave y proponer soluciones estratégicas.

Además, fui responsable de la creación del sistema de diseño (Design System) que garantizaba consistencia y escalabilidad en el proyecto, así como de preparar la documentación técnica necesaria para el equipo de desarrollo, con quienes mantuve una comunicación constante para asegurar una implementación fiel y eficiente.

definicion

DINÁMICAS DE DEFINICIÓN

Captura de pantalla de una pizarra digital en la que se muestran varias diapositivas con diagramas y notas, utilizadas para una presentación o taller del club Atlética de Madrid.

Realicé diversas sesiones de trabajo y dinámicas con el equipo del Atlético de Madrid para comprender profundamente sus necesidades, valores y objetivos.
Analicé la marca existente y recogí información clave para guiar el proceso de diseño.

DEFINICION

DINÁMICAS DE DEFINICIÓN

Captura de pantalla de un planificador con una vista de línea de tiempo para abril a junio de 2024 y otra vista de diseño de una interfaz de usuario con bloques de diseño y etiquetas de variables

Desarrollé un cronograma detallado del proyecto, estableciendo hitos importantes y fechas de entrega.
Mantuve documentación exhaustiva de todo el proceso, incluidas las decisiones de diseño, comentarios y ajustes realizados.
Implementé dinámicas periódicas de retroalimentación con el equipo del club, asegurando que todas las partes estuvieran alineadas y satisfechas con el progreso del diseño.

elementos graficos Atletico de Madrid

diseño ux/ui

Del concepto a la implementación de diseño

En esta fase, mi trabajo se centró en transformar las necesidades identificadas y las peticiones en diseños funcionales y atractivos, siempre buscando optimizar la experiencia del usuario.

Implementé el diseño mediante la creación de componentes modulares y escalables. Este enfoque garantizó una integración fluida de los nuevos elementos en la web, asegurando consistencia y flexibilidad en todo el ecosistema.

Pantallas de sitio web del Atlético de Madrid mostrando productos, noticias, tienda en línea y opciones de membresía, en colores rojo, azul y blanco.
Pantallas de teléfonos móviles mostrando la tienda en línea del Atlético de Madrid, con imágenes de jugadores, promociones y enlaces a diversas secciones como entradas, tienda, experiencias, equipos, aficionados, academia, patrocinadores y noticias, mientras en el fondo se ven jugadores en un campo de fútbol.