Quero uma igual
Início › Landing imersiva
landing page imersiva

Landing page imersiva: a rolagem vira o play

A página conta a história do seu produto enquanto a pessoa rola — como as páginas de produto da Apple. Quem visita sente o produto antes de ler sobre ele.

O que é uma landing page imersiva

É uma página em que a rolagem controla a narrativa. Em vez de blocos de texto empilhados, a pessoa avança por cenas: cada movimento do dedo ou do mouse mostra o próximo passo da história. A nossa página inicial é um exemplo vivo: um orbe atravessa o ERP, a Zhaia e o ecossistema, vira cada coisa que construímos e, no fim, desenha o nosso logo

Três formatos de landing imersiva

formatocomo funcionaquando usar
Roleta tipográficauma frase fixa e uma palavra que gira como roleta a cada passo da rolagemuma ideia com várias faces: dores, públicos, verbos
Tipografia narradafrases que acendem palavra a palavra, com a palavra-chave em destaquemanifesto ou argumento em 3 a 5 frases
Jornadaum filme em quadros, desenhado conforme a rolagem, com capítulos e transiçõesproduto com várias provas, portfólio, lançamento

Por que funciona melhor que uma página comum

  • A página é a prova. Se você vende tecnologia, a própria página demonstra o nível do que você entrega.
  • Prende a atenção pela ação de quem visita: cada rolagem revela algo novo.
  • O texto continua sendo texto — legendas e títulos ficam no HTML, legíveis pelo Google e por leitores de tela, e não "queimados" no vídeo.

Como construímos

Nada é vídeo nem editor de vídeo: tudo é código. Há dois jeitos, e escolhemos pelo que a história pede:

  • Ao vivo no navegador — SVG e canvas animados pelo GSAP no ritmo da rolagem. É o que a nossa página inicial usa: nítido em qualquer tela e leve para carregar.
  • Quadros renderizados — cenas pesadas (3D, muitas partículas) viram uma sequência de imagens WebP gerada com React e Remotion, desenhada conforme a rolagem. Um vídeo comum andando pela rolagem trava no Safari do iPhone; quadros desenham na hora.

No celular entra um layout vertical próprio, e quem configurou o aparelho para reduzir animações vê a versão estática.

Quanto custa

  • Site imersivo — R$ 597. Uma página como esta, com um filme sob medida do seu produto.
  • Pacote completo — R$ 1.797. Tráfego pago + landing imersiva + agente de IA no WhatsApp qualificando os leads que chegam.

Você pode mandar imagens de referência — sites que admira, sua marca, telas do seu produto — e a página é construída sobre elas.

Perguntas frequentes

O que é uma landing page imersiva?

É uma página em que a rolagem controla a narrativa: cada movimento revela a próxima cena da história do produto, no estilo das páginas de produto da Apple.

Landing page com animação atrapalha o SEO?

Não do jeito que fazemos: títulos e legendas ficam como texto no HTML, legíveis pelo Google, e a animação é uma camada por cima.

Funciona no celular?

Sim. O celular recebe um layout vertical próprio e a animação é leve — na nossa página inicial ela é desenhada ao vivo, sem baixar vídeo.

Quanto custa uma landing page imersiva?

O site imersivo sai por R$ 597. O pacote completo, com tráfego pago e um agente de IA no WhatsApp qualificando os leads, sai por R$ 1.797.

Preciso ter um vídeo pronto?

Não. As cenas são criadas por código a partir da sua marca, das suas telas e de imagens de referência que você mandar.

sua vez

Role a nossa página inicial: ela é a prova.

Um filme que anda com a rolagem e passa por tudo o que construímos. No fim, você escolhe o que quer — e a gente fala com você no WhatsApp.