O problema
Lançamento de obra tem uma janela curta e um objetivo só: transformar interesse em contato antes que a atenção passe. Quem descobre o livro numa rede social precisa ter pra onde ir, e esse lugar precisa parecer com a obra, não com um formulário genérico.
O autor precisava de um endereço oficial da saga, capaz de segurar quem chega, mostrar o clima da história e capturar o e-mail de quem quer ser avisado. E precisava disso em duas línguas, porque o público não é só brasileiro.
O que foi construído
Uma landing de lançamento que trabalha o clima da obra em vez de descrevê-la.
- Hero em vídeo. A abertura mostra o predador em movimento. Em obra de ficção, a primeira impressão é atmosfera, não sinopse.
- Captura de e-mail com consentimento. O formulário coleta o mínimo, diz pra que serve e aponta a política de privacidade. Lista construída sem consentimento explícito é passivo, não ativo.
- Português e inglês. Duas versões de verdade, cada uma com a própria URL, e não um botão que troca texto na mesma página.
- Camada visual imersiva. Canvas 2D, cursor com inércia e scroll cinematográfico, dosados pra reforçar o clima sem atropelar quem só quer ler e sair.
- SEO e GEO completos. Dado estruturado, sitemap e imagem de compartilhamento gerada por rota, pra que o link chegue bonito em qualquer lugar que ele for colado.
Como foi construído
Next.js na Vercel, com a captura de e-mail via Formspree em vez de backend próprio. Landing de lançamento não precisa de servidor pra guardar e-mail, e construir um só criaria mais uma coisa pra manter depois que a campanha terminar.
Decisões que valem registro:
Efeito visual com freio. Tudo que se move respeita a preferência de menos movimento do sistema operacional. Efeito bonito que passa mal quem tem sensibilidade a movimento não é efeito bonito.
Duas línguas como duas rotas. Cada idioma tem URL própria e marcação de alternativa entre elas. Trocar texto por JavaScript na mesma URL faz o buscador indexar uma língua só, e a metade estrangeira do público some.
Peso controlado no vídeo. Hero em vídeo é a forma mais fácil de fazer uma landing linda que ninguém espera carregar. O arquivo foi tratado pra abrir rápido no celular, que é onde a maior parte do público chega.
Resultado
A saga passou a ter endereço oficial, nas duas línguas, com captura de e-mail funcionando e o link rendendo card próprio quando compartilhado. O site está em produção.