(01) O pedido
A AulaVisual faz oficinas de cinema documental, memória de bairro e curtas-metragens. Tinha um PDF com os textos, um esboço de design e nem logo: precisava mostrar os curtas que os alunos fazem e receber pedidos de orçamento.
(02) O que faz
- Galeria de curtas com filtros por categoria, ordem por recentes ou destaques e vídeo em janela sem sair do site.
- Busca que entende sem acentos, com erros de digitação e sinônimos, e sugere «você quis dizer?».
- Uma página por oficina e botão de WhatsApp com a consulta já escrita.
(03) Como foi construído
- Astro em Cloudflare Workers com o conteúdo em KV: o diretor muda curtas, oficinas e textos sem republicar.
- Oito paletas de cor trocáveis pelo painel; o logo recebido em PNG foi limpo e usado como máscara que assume a cor da paleta.
- Dados estruturados de organização educacional, cursos e filmes, e llms.txt para buscadores com IA.
(04) Segurança
- Senha do painel com PBKDF2 guardada como segredo do Worker, nunca no repositório.
- Limite diário de gravações para que nenhuma visita gere custos.
- Painel e visualizações de teste de cores fora dos buscadores.
(05) Velocidade e Google
Miniaturas em WebP e vídeos com carregamento sob demanda: o YouTube só baixa ao abrir um curta. Site verificado no Search Console com o sitemap enviado.
(06) O que não faz, de propósito
- Não vende cursos nem cobra online: as inscrições são combinadas pelo WhatsApp.
(07) Medição real
| Desempenho | Acessibilidade | Boas práticas | SEO | LCP |
|---|---|---|---|---|
| 95 | 100 | 100 | 100 | 2,9 s |
Google PageSpeed Insights, celular, 30 de setembro de 2026. Números sem arredondar para cima; medidos novamente de tempos em tempos. Tabela completa dos 27 sites →
