Art Scénic
La clase de prueba gratuita era la oferta: toda la web se construyó para llevar hasta ella.
- Año
- 2026
- Diseño
- 3 semanas
- Stack
- React · Vite · Tailwind · Framer Motion · Vercel
- Diseño
- Desarrollo
- Embudo de conversión
- SEO local
Versión de demostración publicada por Kayzen Web en una dirección de Vercel; el dominio definitivo pertenece al cliente.
- rendimiento Lighthouse
- 97/100
- única llamada a la acción
- 1
- campos para reservar una prueba
- 4
Lo que había que resolver.
El contexto
L'Art-Scénic es una compañía de teatro de Écully, fundada por Anne Kravz-Tarnavsky, que ofrece espectáculos y talleres para niños y adultos.
La limitación
Las inscripciones a los talleres se deciden en tres semanas de septiembre. El resto del año, el sitio debe mantener la notoriedad. El verdadero detonante de la inscripción no es el precio ni el programa: es la clase de prueba, que disipa el miedo a subir a un escenario.
La respuesta
La clase de prueba gratuita se convierte en la única acción del sitio. Todo conduce a ella: la página de inicio, cada página de taller, la galería. El formulario es breve y el horario se propone directamente. La programación de espectáculos sigue presente, pero en segundo plano.
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é.
Una acción, en todas partes
«Reservar una clase de prueba gratuita» es la única llamada a la acción del sitio. Multiplicar botones que compiten entre sí divide la atención, y con ella la tasa de conversión.
Talleres infantiles y de adultos por separado
Dos públicos, dos miedos, dos argumentarios. Un padre inscribe a su hijo; un adulto se inscribe a sí mismo, y esa segunda decisión es mucho más difícil y requiere otras palabras.
Una galería que muestra aficionados
Las fotos muestran a los alumnos en el taller, no a actores profesionales. Lo que desencadena la inscripción es poder verse en ese lugar.
Paleta del proyecto
Terciopelo
#5B2233
Identidad
Arena
#F4EDE3
Fondo
Tinta
#1E1A1B
Texto
Latón
#B08D4A
Acentos
Sistema tipográfico
Titulares
Cormorant Garamond 600
Texto de lectura
Inter 400
Registro teatral sin énfasis: la compañía se dirige a aficionados, no a críticos.
Lo que hay bajo el capó.
- React
- Vite
- Tailwind
- Framer Motion
- Vercel
97 en rendimiento con animaciones
Framer Motion solo se carga en las páginas que animan, y todas las animaciones se desactivan si el usuario ha pedido movimiento reducido.
Formulario de prueba mínimo
Nombre, contacto, horario deseado, taller. Cuatro campos: pedir la edad, el nivel y las motivaciones habría convertido una inscripción en un expediente.
Cómo se hace encontrar la web.
«Cours de théâtre Écully», «atelier théâtre enfant ouest lyonnais»
Búsquedas de proximidad (clases de teatro en Écully, taller de teatro infantil al oeste de Lyon), con un pico muy marcado en agosto y septiembre. Las páginas están listas mucho antes de la temporada.
Marcado Course y Event
Los talleres son Course con calendario; los espectáculos, Event con fecha. Dos tipos distintos para dos realidades distintas.
Lo que se entregó.
- Inicio — clase de prueba
- Talleres infantiles
- Talleres para adultos
- Espectáculos
- Galería
- La compañía
- Reservar una prueba
El desarrollo del proyecto.
Análisis
La clase de prueba, identificada como único detonante.
Diseño
Acción única, dos públicos de taller, galería de aficionados.
Desarrollo
Animaciones condicionales, formulario de cuatro campos.
SEO
Búsquedas de proximidad, marcado Course y Event.
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.