[Caso · 03]

Escuela ON SET.

Web completa para una escuela de interpretación en Madrid. El primer proyecto donde cambié de stack, de herramientas y de forma de trabajar — y donde detecté y resolví un problema crítico de SEO antes de que llegara a producción.

VER LA WEB ↗
Cliente
ON SET Escuela
de Arte Dramático
Stack
React 19, TypeScript,
Vite, Tailwind CSS,
vite-react-ssg
Tipo
Web informativa
completa desde cero

[01] El proyecto

Más de una década formando actores en Madrid.

ON SET lleva más de una década formando actores en Madrid: cursos anuales por niveles (Play, Teen, Pro), intensivos de fin de semana, campamentos de verano y coaching actoral para proyectos de cine y TV. Sus alumnos han participado en producciones como Entrevías, La Chica de Nieve, Toy Boy o Culpa Tuya.

La web anterior estaba desactualizada y sin estructura clara. El encargo fue un rediseño total: nueva paleta, nueva tipografía, nueva arquitectura de contenidos con más de 15 rutas y páginas de detalle para cada nivel de curso, el equipo, blog, coaching e intensivos.

Página de cursos anuales de Escuela ON SET

[02] La web

Más de 20 rutas. Todas prerenderizadas.

Navegación completa por la web: home, cursos, equipo, coaching e intensivos.

[03] Decisiones técnicas

Lo que no se ve, pero sostiene todo lo demás.

→ 01

El salto de stack.

Hasta ON SET, construía todas mis webs con WordPress. Para este proyecto elegí React con TypeScript, Vite y Tailwind CSS, con Google AI Studio como herramienta principal de desarrollo. El flujo fue prompt-driven: describía el componente o comportamiento, revisaba el resultado, ajustaba, e integraba. No es copiar y pegar — requiere entender el código para detectar cuando algo está mal.

→ 02

La SPA invisible.

A mitad del proyecto detecté el problema: una React SPA estándar es invisible para Google. El crawler recibe un HTML casi vacío — el JavaScript que genera el contenido real nunca se ejecuta. Una escuela de interpretación que no aparece en búsquedas tiene un problema de negocio real, no solo técnico.

→ 03

Static Site Generation como solución.

La solución fue vite-react-ssg: genera un archivo HTML completo por cada ruta durante el build, no en cada petición. 24 rutas prerenderizadas — todas las del sitio — con contenido real visible para cualquier crawler. Verificado con Google Search Console: el sitemap pasó de «No se ha podido obtener» a «Enviado».

Equipo docente de Escuela ON SET
Equipo El equipo docente de ON SET: profesionales en activo que forman a los alumnos en interpretación para teatro, cine y TV.

¿Quieres algo parecido?

Si tienes una escuela, academia o negocio de servicios que necesita una web que capte alumnos o clientes — con estructura clara, velocidad de carga y posicionamiento en Google desde el primer día…

Ver la web ↗ Hablemos →
← Volver a todos los proyectos