(01) El encargo
AulaVisual hace talleres de cine documental, memoria barrial y cortometrajes. Tenía un PDF con los textos, un boceto de diseño y ni siquiera logo: necesitaba mostrar los cortos que hacen sus alumnos y recibir cotizaciones.
(02) Qué hace
- Galería de cortometrajes con filtros por categoría, orden por recientes o destacados y video en ventana sin salir del sitio.
- Buscador que entiende sin tildes, con errores de tipeo y sinónimos, y sugiere «¿quisiste decir?».
- Una página por taller y botón de WhatsApp con la consulta ya escrita.
(03) Cómo se construyó
- Astro en Cloudflare Workers con el contenido en KV: el director cambia cortos, talleres y textos sin volver a publicar.
- Ocho paletas de color intercambiables desde el panel; el logo recibido en PNG se limpió y se usa como máscara que toma el color de la paleta.
- Datos estructurados de organización educativa, cursos y películas, y llms.txt para buscadores con IA.
(04) Seguridad
- Clave del panel con PBKDF2 guardada como secreto del Worker, nunca en el repositorio.
- Tope diario de escrituras para que ninguna visita pueda disparar costos.
- Panel y vistas de prueba de colores fuera de buscadores.
(05) Velocidad y Google
Miniaturas en WebP y carga diferida de los videos: YouTube solo se descarga al abrir un corto. Sitio verificado en Search Console con el sitemap enviado.
(06) Qué no hace, a propósito
- No vende cursos ni cobra en línea: las inscripciones se coordinan por WhatsApp.
(07) Medición real
| Rendimiento | Accesibilidad | Buenas prácticas | SEO | LCP |
|---|---|---|---|---|
| 95 | 100 | 100 | 100 | 2,9 s |
Google PageSpeed Insights, móvil, 30 de septiembre de 2026. Números sin redondear hacia arriba; se vuelven a medir periódicamente. Tabla completa de los 27 sitios →
