Como fizemos o site da Sapia: uma história contada com vídeos de IA

O desafio

Vender site é difícil porque todo mundo diz a mesma coisa: "site bonito, rápido e barato". Precisávamos que o próprio site provasse o que a Sapia faz, em vez de só prometer. A ideia: o visitante não lê sobre um site profissional, ele vive a história de um negócio que ganha um.

O roteiro em cinco atos

1. O terreno baldio: uma pizzaria fechada à noite. Alguém pesquisa "pizzaria perto de mim" e ela não aparece.
2. O canteiro: a câmera se afasta e revela que a rua é uma maquete na mesa de um arquiteto.
3. A construção: um prédio em forma de celular é levantado em time-lapse, enquanto um placar compara "agência: dia X de 90" com "Sapia: dia X de 3".
4. A inauguração: a mesma fachada, de manhã, ao longo de um dia inteiro, até a fila na porta.
5. O segredo: o site mostra a própria planta azul e revela que foi feito assim.

Como os vídeos de IA viram um site

• Imagens e vídeos com IA: cada cena começou com uma imagem inicial e uma final, aprovadas antes de virar vídeo. Os prompts descrevem enquadramento, lente, luz e movimento de câmera em detalhe.
• Vídeo em quadros: os 4 vídeos viraram 754 imagens. Em vez de tocar um vídeo, o site mostra o quadro que corresponde ao ponto da rolagem, e por isso a história anda no ritmo de quem lê.
• Textos sincronizados: cada frase entra e sai num ponto exato da história, em camadas por cima da imagem.
• Versões para cada tela: enquadramento próprio para celular e computador, com imagens leves primeiro e em alta definição em seguida.

Desempenho e acessibilidade

Um site cheio de vídeo costuma ser lento. Aqui, as imagens carregam do grosso para o fino: a história começa com poucos quadros e completa os demais em segundo plano, priorizando o trecho que a pessoa está vendo. No celular, as imagens em alta só são baixadas um pouco à frente da rolagem. No teste do Google (Lighthouse), o site marcou 96 de desempenho no computador e 100 em acessibilidade, boas práticas e SEO. Quem prefere menos movimento no sistema vê uma versão mais calma.

Pronto para vender

• Botões de WhatsApp com mensagem pronta em cada ato e em cada seção.
• Questionário de orçamento em 3 perguntas, que já chega no WhatsApp com as respostas.
• Medição de cada clique e de até onde as pessoas assistem a história, ligada ao Google Ads.
• Páginas por segmento, guias e dados estruturados para o Google e assistentes de IA.

O que isso significa para o seu negócio

A mesma técnica funciona para qualquer história: o prato que se monta para uma nutricionista, a obra que sobe para uma construtora, o bar que ganha vida ao anoitecer. É o que entregamos no plano Cinematográfico, a partir de R$ 2.997. Para quem quer começar mais simples, os planos Essencial e Profissional ficam prontos em até 3 dias úteis.

Perguntas frequentes