Acte 2 Théâtre
Cinco actividades en una sola sala: la arquitectura de la información era todo el proyecto.
- Año
- 2026
- Diseño
- 4 semanas
- Stack
- Next.js · React · Tailwind · Vercel
- Arquitectura de la información
- Diseño
- Desarrollo
- Venta de entradas
- SEO
Versión de demostración publicada por Kayzen Web en una dirección de Vercel; el dominio definitivo pertenece al cliente.
- públicos, cinco recorridos
- 5
- rendimiento Lighthouse
- 91/100
- SEO Lighthouse
- 100/100
Lo que había que resolver.
El contexto
Acte 2 Théâtre es un teatro de barrio en Vaise, en el distrito 9 de Lyon. La sala acoge espectáculos para público infantil, teatro para adultos, funciones escolares y talleres, y también se alquila a terceros.
La limitación
Cinco actividades, cinco públicos: familias, espectadores adultos, docentes, alumnos de taller, organizadores. Cada uno busca una información distinta, y un sitio organizado por orden cronológico los pierde a todos.
La respuesta
Organizar por público en lugar de por calendario. Cada actividad tiene su entrada, su vocabulario y su recorrido de reserva. El calendario existe, pero como vista transversal, no como estructura principal.
Las puntuaciones registradas en la entrega.
Puntuaciones Lighthouse del sitio en producción. Las publicamos tal cual: cuando una es baja, su causa y su plan de corrección se explican más abajo en lugar de silenciarse.
Cada decisión de diseño, y su porqué.
Entrada por público
Familias, adultos, escolares, talleres, alquiler. El visitante se reconoce de un vistazo; un calendario que mezclara los cinco le obligaría a filtrar.
El público escolar, tratado en serio
Los docentes buscan un dossier pedagógico, niveles, una duración, una tarifa de grupo. Esa información tiene su página propia; en otro lugar habría estorbado al público general.
El alquiler de la sala como oferta
Aforo, equipamiento técnico, tarifas, disponibilidad. Es una fuente de ingresos regular, casi siempre relegada al pie de una página de contacto.
Paleta del proyecto
Azul noche
#1C2A45
Identidad
Coral
#D65A4A
Público infantil
Crema
#F6F2EA
Fondo
Tinta
#1B1D22
Texto
Sistema tipográfico
Titulares
Outfit 700
Texto de lectura
Inter 400
Deliberadamente contemporánea y no «teatral»: la sala acoge sobre todo público infantil, y un registro demasiado solemne habría alejado a las familias.
Lo que hay bajo el capó.
- Next.js
- React
- Tailwind
- Vercel
Venta de entradas delegada, cargada bajo demanda
El módulo de venta de entradas solo se carga al hacer clic. Un widget de terceros presente en todas las páginas habría lastrado todo el sitio por una acción puntual.
Programación tipada
Espectáculos, fechas, públicos, precios y duraciones en un archivo de datos común. Las cinco entradas y el calendario transversal se derivan todos de él.
Cómo se hace encontrar la web.
Una familia de búsquedas por público
«Spectacle enfant Lyon» (espectáculo infantil), «théâtre Vaise», «sortie scolaire théâtre Lyon» (salida escolar al teatro), «location salle spectacle Lyon 9» (alquiler de sala de espectáculos). Ninguna habría podido atenderse con una sola página.
Marcado Event y Place
Cada función es un Event vinculado a un nodo Place que describe la sala, su aforo y su acceso.
Lo que se entregó.
- Inicio — cinco entradas
- Público infantil
- Teatro para adultos
- Funciones escolares
- Talleres
- Alquilar la sala
- Calendario (vista transversal)
El desarrollo del proyecto.
Arquitectura
Cinco públicos identificados, estructura por público y no por fecha.
Diseño
Entradas diferenciadas, registro familiar.
Desarrollo
Programación tipada, venta de entradas diferida.
SEO
Una familia de búsquedas por público.
Lo que nos preguntan a menudo.
Otros proyectos
Cumplimiento del RGPD y SaaSKonsent by Kayzen
Un proveedor de banners que audita banners es juez y parte: la independencia era el producto.
Ciberseguridad ofensiva y SaaSSentinel by Kayzen
Vender un producto de seguridad a ingenieros: cada afirmación tenía que poder demostrarse.
Datos y servicio meteorológicoMétéo Climat France
358 páginas indexables, un mapa animado sobre 72 horizontes de previsión y ni una sola línea de framework.
El mismo nivel de exigencia, para su web.
Auditoría gratuita de su web actual, presupuesto en 24 horas y un razonamiento por escrito, como el que acaba de leer. Pago en tres plazos sin intereses; ayudas locales verificadas antes de la firma.