Previax
Landing page do PREVIAX Implantado, CRM com implantação comercial guiada, feita para gerar pedidos de diagnóstico.
- Endereço
- crmpreviax.com
- Setor
- Software de gestão comercial (CRM) com implantação guiada
- Escopo
- O site: copy, estrutura, interface, animações e desenvolvimento, dentro da identidade visual da Previax. O CRM é produto da Previax.
- Stack
- Next.js · React · Tailwind CSS · Vercel
- Capturas
- Atualizado em


Preview completo
Role dentro de cada janela para percorrer a página como ela está no ar. Capturas de .


A landing page do PREVIAX Implantado, oferta da Previax que une CRM e implantação comercial guiada. Escrevemos, desenhamos e desenvolvemos o site, uma página única que vai do problema, leads que se perdem no WhatsApp, até o pedido de diagnóstico. O CRM é produto da Previax; o nosso trabalho foi o site.
Contexto
A Previax se apresenta como um CRM com implantação comercial guiada. O site fala com empresas que já recebem leads por WhatsApp, indicação ou tráfego pago e não conseguem acompanhá-los. A oferta junta o acesso ao CRM (pipeline, Kanban, automações, relatórios, comissões) com a montagem de funil, cadência de follow-up e rotina ao lado da equipe do cliente. O preço não aparece: o investimento é definido depois de um diagnóstico comercial gratuito, e é a esse pedido que a página conduz. Um segundo caminho oferece teste gratuito de 7 dias.
Como foi pensado
Escrevemos a página com a lógica de uma carta de vendas. Ela abre com a tese no título, “Você não precisa de mais leads. Precisa parar de perder os que já chegam.”, e um vídeo de apresentação ao lado. Depois nomeia o problema, lista frases que um gestor comercial costuma repetir, apresenta a solução e um método em três peças, mostra sete benefícios em carrossel, traz prova social, detalha oferta e bônus, responde objeções e dúvidas e termina no formulário, seguido de um PS. Nas seções de solução, o produto é explicado com pequenas interfaces desenhadas em código, não com capturas de tela. Todos os botões principais levam ao mesmo formulário. Dentro da identidade da Previax, a linguagem visual é escura, com a serifada Newsreader nos títulos, Inter no texto e o azul como cor de ação. No celular, os blocos empilham, o vídeo espera o toque e a navegação vira um menu recolhido.

O que foi feito
Desenvolvemos o site em Next.js, publicado na Vercel: uma página única com âncoras para cada bloco. As animações foram feitas para esta página: blocos que entram na direção da rolagem, feixes que percorrem as linhas das ilustrações e uma barra de progresso de leitura no topo, tudo desligado para quem prefere movimento reduzido. No desktop, o vídeo do topo toca sem som, com botão para ativar o áudio. Os dois formulários, o de diagnóstico e o de teste, que abre num modal, enviam os dados a uma rota do próprio site, com máscara de telefone, seletor de DDI, proteção contra spam e confirmação sem sair da página. O modal fecha com Esc, mantém o foco dentro dele e não reaparece na mesma sessão. O código registra cada envio como conversão no Vercel Web Analytics e no Meta Pixel.

Destaques
- Produto explicado com interfaces desenhadas em código: canais convergindo para o funil e cadência de follow-up de D+0 a D+15.
- Dois caminhos de conversão, diagnóstico comercial e teste de 7 dias, com envio e confirmação sem sair da página.
- Vídeo de apresentação que toca sem som no desktop e aguarda o toque no celular.
- Objeções e perguntas frequentes em acordeões, também publicadas como dados estruturados.
- Animações de entrada que acompanham a direção da rolagem e se desligam para quem prefere movimento reduzido.
Site não é vitrine.É parte da operação.
Conte o que a empresa precisa comunicar e para onde o visitante deve ir. Começamos pela estrutura, antes da primeira tela.