Editor y minisites de recintos —más de 600 publicados— con mapa de asientos, vista desde el asiento y beneficios, embebibles en la web de cada equipo.
Repositorio no disponible.
- Rol
- Front-end · arquitectura
- Periodo
- 2025 – 2026
- Empresa
- 3D Digital Venue
- Integración
- Iframe · API
- Sites publicados
- +600
El reto
Cada recinto necesitaba publicar su propio minisite de asientos —mapa, vista desde cada localidad, precios y beneficios— sin desarrollo a medida, y que funcionara igual en escritorio, en móvil y embebido en la web del club.
La solución
Construí en Angular el minisite y buena parte del editor: un sistema de configuración y tema que el editor rellena, herramientas registrables, el seatmap sobre DVM con vista 3D, vecinos, minimapa y buscador, y un layout móvil con bottom sheet. Después lo integré en Venue Workspace como remote de Native Federation, reutilizando la sesión autenticada.
Cómo funciona
- Configurar el site en el editor
- Publicar el minisite
- Embeberlo en la web del club
- El aficionado explora cada asiento
Piezas clave
Configuración y tema
Cada site se describe con una configuración que edita el editor: menú, colores, plantillas globales y estilos personalizados.
Seatmap y vista 3D
Mapa de secciones y asientos sobre DVM, con panorámicas y vista 3D desde el asiento, minimapa, zoom y vecinos.
Buscador
Búsqueda por sección, fila y asiento que lleva directamente a la vista desde esa localidad.
Móvil primero
Bottom sheet, menús adaptados y detección programática del dispositivo para que el site funcione en cualquier pantalla.
Popovers precisos
Sistema de popovers con middlewares de flip, offset y boundary para que la información nunca se salga del mapa.
Embebible y medible
Funciona dentro de un iframe en la web del cliente, conserva los parámetros, copia enlaces a un asiento y envía eventos a Google Analytics.
Sites en producción
Una muestra de más de 600 sites publicados.
Béisbol
Fútbol
Fútbol americano
Galería
El rediseño en producción: Angel Stadium para Los Angeles Angels.
Minisite del Manchester United: Old Trafford con localidades regulares y premium.
También teatros: platea y palcos del Pabst Theater.
Comerica Park, embebido en la web de los Detroit Tigers.
Del buscador a la sección 1RS de los Dodgers: zoom hasta cada asiento.
Diseño: portada con tutorial guiado y aviso de cookies.
Diseño: vista desde el asiento con galería de espacios VIP.
Bloques del sistema: popups sobre el mapa en tema base, claro y oscuro.
Marca blanca: demo para el RB Leipzig con modo día y noche.
Marca blanca: demo del Spotify Camp Nou.
Buscador por sección, fila y asiento.
Old Trafford en móvil.
Selector de asiento a pantalla completa.
Vista desde el asiento y zonas de acceso.