Compagnie l'Entr'Axes
98 en rendimiento: una compañía de teatro no tiene presupuesto para una web lenta.
- Año
- 2026
- Diseño
- 3 semanas
- Stack
- Next.js · React · Tailwind · TypeScript · Vercel
- Diseño
- Desarrollo
- SEO local
- Redacción
- rendimiento Lighthouse
- 98/100
- coste anual de alojamiento
- 0 €
- año de creación de la compañía
- 2009
Lo que había que resolver.
El contexto
La Compagnie l'Entr'Axes es una compañía de teatro aficionado de Lyon, dirigida por Agnès Faye desde 2009: espectáculos, talleres y repertorio.
La limitación
Una compañía aficionada no tiene ni presupuesto de mantenimiento ni webmaster. El sitio debe funcionar solo durante meses, mantenerse al día con fechas que cambian y dar ganas de reservar, todo ello sin coste recurrente.
La respuesta
Renderizado estático, alojamiento gratuito y contenido en archivos de datos legibles. La programación lleva fechas reales: los espectáculos ya representados pasan automáticamente al repertorio en lugar de seguir anunciados como próximos. El sitio no puede quedarse desfasado sin que nadie intervenga.
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é.
Registro dramático
Serif de alto contraste, negro profundo, rojo telón. El teatro tiene códigos visuales muy marcados; ignorarlos en favor de un diseño genérico habría hecho perder la identidad del lugar.
La programación, lo primero
Las próximas fechas aparecen antes que la presentación de la compañía. Quien visita la web de un teatro quiere saber qué se representa y cuándo; la historia de la compañía le interesa después.
Los talleres como segundo pilar
Los talleres dan vida a la compañía tanto como las funciones. Tienen su propia página, con horarios, precios e inscripción, y no una simple línea en la página «Quiénes somos».
Paleta del proyecto
Negro escena
#141013
Fondo
Rojo telón
#A32639
Identidad, acentos
Marfil
#F3EEE7
Texto
Oro foco
#C9A24B
Detalles
Sistema tipográfico
Titulares
Playfair Display 700
Texto de lectura
Inter 400
Una didona para el cartel, una sans-serif para la programación. Las fechas usan cifras tabulares para quedar alineadas en el calendario.
Lo que hay bajo el capó.
- Next.js
- React
- Tailwind
- TypeScript
- Vercel
Cambio automático de fechas
Cada espectáculo lleva sus fechas. Tras la última función, sale de la programación y pasa al repertorio sin intervención. Es lo que permite que un sitio sin webmaster siga siendo exacto.
98 en rendimiento
Estático, dos tipografías autoalojadas, ninguna librería de animación, imágenes dimensionadas. La mejor puntuación de rendimiento del portfolio, con el presupuesto más ajustado.
Coste de funcionamiento nulo
Sin servidor de aplicaciones, sin base de datos, alojamiento gratuito. Para una asociación, la continuidad del sitio depende ante todo de su coste.
Cómo se hace encontrar la web.
Marcado Event con fecha
Cada función lleva un nodo Event con fecha, lugar y enlace de reserva. Es lo que permite aparecer en los resultados de eventos.
Búsquedas de ocio
«Théâtre amateur Lyon» (teatro aficionado), «spectacle Lyon ce week-end» (espectáculos este fin de semana), «atelier théâtre adulte Lyon» (taller de teatro para adultos). Tres intenciones distintas, tres páginas.
Utilizable por todo el mundo.
Desde junio de 2025, la Ley Europea de Accesibilidad (European Accessibility Act) exige la accesibilidad digital a buena parte de los servicios en línea. La abordamos desde el diseño, no como un parche posterior.
Contraste verificado sobre fondo negro
94: el rojo telón sobre negro profundo se aclaró para alcanzar 4,5:1 en los textos corrientes. Los últimos puntos afectan a elementos decorativos identificados.
Lo que se entregó.
- Inicio
- Programación
- Repertorio
- Talleres
- La compañía
- Reservar
- Contacto
El desarrollo del proyecto.
Restricciones
Ningún presupuesto de mantenimiento: el sitio debe actualizarse solo.
Diseño
Registro dramático, programación en primer plano.
Desarrollo
Estático, cambio automático de fechas, alojamiento gratuito.
SEO
Marcado Event, tres familias de búsquedas.
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.