Real Madrid

Gestionar la capacidad del estadio durante el mantenimiento y la reconstrucción parcial es una tarea compleja que requiere una planificación y ejecución precisas. Para facilitar este proceso, nuestro equipo desarrolló una interfaz exclusivamente web en colaboración con la consultora española Everis. Este proyecto se llevó a cabo entre 2019 y 2020, con el objetivo de proporcionar una solución sencilla y eficaz para gestionar la capacidad del estadio durante proyectos de mantenimiento y reconstrucción.

Nuestro proyecto anterior con La Liga LFP fue todo un éxito, y fundamental en nuestra colaboración con Everis. Esta propuesta conjunta nos permitió trabajar juntos y construir una aplicación personalizada que cumplía con todos los requisitos específicos de nuestro cliente. Fuimos responsables de toda la arquitectura y desarrollo de la aplicación, utilizando Node.js (NestJS) para el backend y Angular para el frontend.

Gracias a nuestra previa experiencia trabajando para La Liga (LFP), fuimos capaces de establecer un ritmo de desarrollo extraordinario en un proyecto con muchas restricciones provenientes de múltiples stakeholders. Nuestro equipo se encargó tanto del desarrollo del frontend como del backend para esta plataforma extremadamente compleja con una gran carga en lo que respecta a la visualización de datos.

Tecnologías del proyecto

Node.js

Node.js es un entorno de ejecución de JavaScript en el lado del servidor y ejecuta código JavaScript fuera de un navegador web.

Angular

Angular es un framework web basado en TypeScript, gratuito y de código abierto, liderado por Google.

SQL Server

Microsoft SQL Server es un sistema de gestión de bases de datos relacionales propietario desarrollado por Microsoft.

SVGPath

Kit de herramientas de bajo nivel para transformaciones de rutas SVG.
Real Madrid stadium

Uno de los desafíos clave del proyecto fue la necesidad de asignación dinámica de asientos en el estadio.

Para abordar este problema, utilizamos rutas SVG, un formato de gráficos vectoriales escalables que nos permitió crear visualizaciones dinámicas del estadio y su disposición de asientos.

El proyecto incluyó muchas capas y pantallas de visualización, lo que facilitó a nuestros clientes gestionar la capacidad del estadio y tomar decisiones informadas durante el proceso de mantenimiento y reconstrucción.

Como diseñador y especialista en UI/UX, creo firmemente que abarcar todo el proceso del producto, desde el diseño hasta el desarrollo, es crucial para garantizar una experiencia de usuario coherente y de alta calidad.

Movimientos clave

Rendimiento

Renderizamos más de 80.000 asientos simultáneamente usando Angular, CSS y SVG. A diferencia de la mayoría de sistemas que cargan los asientos por zonas, los mostramos todos a la vez.

Creación de asientos

Desarrollamos un sistema automatizado para generar distribuciones de asientos en cualquier zona, incluso en áreas curvas o irregulares. Refleja con precisión la forma, orientación, numeración y separación de los asientos.

Conocimiento del sector

Nuestra experiencia con LaLiga, el FC Barcelona, Everesting y Pivot Analysis nos permitió empezar desde el primer día con una estrategia sólida.

Análisis

La plataforma se diseñó para ayudar a los directivos del club a tomar decisiones basadas en datos sobre el traslado de socios durante la reforma del estadio. Entregar sus gráficos, tablas, sistemas y herramientas de comparación fue un gran logro del proyecto.