Portal de venta protegida de Chelsea FC para abonados y miembros: compra, intercambio y gestión de entradas sobre el mapa de Stamford Bridge.
Repositorio no disponible.
- Rol
- Front-end
- Periodo
- 2023 – 2025
- Cliente
- Chelsea FC
- Empresa
- 3D Digital Venue
El reto
Chelsea FC vende gran parte de sus entradas a abonados y miembros con reglas propias: prioridades, zonas familiares, amigos asociados e intercambio de entradas. El portal existente era difícil de mantener y cada rediseño costaba más que el anterior.
La solución
Reconstruí el front-end en Angular sobre servicios compartidos —API, autenticación, DVM y textos desde Directus— y desarrollé los flujos de compra, selección de asiento, paquetes, entradas reservadas e intercambio, con pagos de Adyen. Esa base permitió encadenar seis rediseños y adaptar el portal a móvil y a modo oscuro.
Cómo funciona
- El miembro inicia sesión
- Elige partido o paquete
- Asigna asiento y miembro a cada entrada
- Paga con Adyen
Piezas clave
Select a seat
Selección de sección y asiento sobre el mapa DVM, con selección múltiple y cada entrada asignada a un miembro y un tipo de comprador.
Ticket exchange
Intercambio de entradas entre abonados para los equipos masculino y femenino, con las reglas de la zona familiar.
Paquetes y reservas
Venta de paquetes con mejor asiento disponible y entradas reservadas para amigos y familia.
Checkout único
Un servicio de checkout común para ventas, paquetes, intercambios y reservas, con pagos de Adyen.
My Account
Mis entradas, historial de pedidos, reenvío de entradas y cuentas asociadas.
Modo administrador
Takeover para que el equipo de ticketing opere en nombre de un miembro, siempre señalado con un banner.
Galería
Selección de asiento sobre Stamford Bridge con el carrito de entradas.
Mapa 3D de Stamford Bridge para elegir sección.
Calendario de partidos para comprar entradas.
Intercambio de entradas entre abonados.
Friends & Family: comprar en nombre de miembros asociados.
My Account: entradas e historial.
Acceso de miembros al portal.
Mapa 3D del estadio y escala de precios en móvil.
Acceso en móvil.
Resumen de la compra con el tiempo de reserva.
Menú del portal en móvil.