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, incluindo a parte que não deu certo

A landing foi entregue funcionando, nas duas línguas, com captura de e-mail e com o link rendendo card próprio quando compartilhado. E o autor decidiu não seguir com o projeto.

A gente mantém esse case no ar justamente por isso. Portfólio que só mostra o que fechou conta metade da história, e a metade que falta é a que o próximo cliente quer ouvir. O trabalho foi entregue, o autor optou por outro caminho, e a relação continuou: ele indica a Mutagex para os clientes dele até hoje.

Do lado técnico, o que esse projeto ensinou vale para qualquer lançamento: efeito visual com freio de acessibilidade, duas línguas como duas rotas de verdade, e vídeo de abertura tratado para abrir rápido no celular. Essas três decisões viraram padrão na casa.