Landing page de alta conversão para profissional de saúde. Design premium preto & dourado, simulador interativo de plano alimentar como isca digital, e CTA de WhatsApp que já sai com a mensagem do lead montada — pronta pra fechar.
Landing pages de saúde competem com o feed do Instagram, com o WhatsApp da concorrência e com a pressa do visitante. O visitante chega com 30 segundos de atenção — precisa sair com algo concreto.
A proposta deste projeto foi transformar o visitante anônimo em um lead qualificado antes dele tocar o botão do WhatsApp: o simulador entrega valor (as calorias dele, na hora) e usa esse engajamento pra empurrar a conversa já com contexto.
Do clique no anúncio até a conversa qualificada no WhatsApp.
Hero com prova social imediata — +500 pacientes, 4.9★, 8+ anos — e foto profissional. O visitante bate o olho e decide em 3 segundos se vai ler mais.
Formulário de 3 etapas que entrega valor real antes de pedir o contato. Nome, e-mail e WhatsApp só são cobrados depois do visitante já ter investido tempo digitando.
Fórmula Mifflin-St Jeor (padrão da nutrição clínica) aplicada em JS puro. Sem servidor, sem latência, sem enviar dado sensível pra fora do navegador.
Barras de macronutrientes animam da esquerda pra direita, timeline de 6 meses acende ponto a ponto. O visitante sente o resultado antes de acreditar nele.
Ao clicar em "Receber Plano no WhatsApp", a mensagem já sai preenchida com nome, objetivo e meta calórica. O lead chega no WhatsApp pronto pra ser atendido — sem "oi tudo bem?".
Antes do CTA final: prova social (depoimentos), autoridade (CRN), transformações visuais e FAQ que mata as 6 objeções mais comuns. O visitante fecha sem precisar de segunda visita.
Reproduções da interface com dados e nomes fictícios. Imagens reais foram substituídas por placeholders por confidencialidade.
"Perdi 12 kg em 4 meses sem passar fome. O melhor é que aprendi a comer."
"Ganhei 8 kg de massa magra em 6 meses. O acompanhamento online é perfeito."
Nota de confidencialidade. Nome, marca, número de contato, CRN e imagens foram alterados. Os mockups reproduzem o comportamento real da interface original.
O que separa uma landing "bonita" de uma landing que converte.
Antes de pedir o contato, a página entrega valor: mostra a TMB do visitante, a meta calórica dele e a distribuição de macros. Quem recebe algo grátis é mais propenso a pagar pela continuação — o WhatsApp sai com contexto, não com "oi tudo bem".
A base do cálculo é a fórmula mais usada em nutrição clínica, com
ajuste por sexo, idade, peso, altura e nível de atividade. Cada
objetivo (emagrecer / manter / ganhar / saúde) tem um multiplicador
calórico e uma proporção de macros próprios. Meta ≠ TMB × chute.
Ao clicar em "Receber plano", o link do WhatsApp é montado na hora
com nome, objetivo e meta calórica.
O lead chega pronto — a profissional já sabe o que oferecer antes
de responder a primeira mensagem.
Paleta preto & dourado com gradiente em cada elemento de
destaque (botões, ícones, badges, títulos). Tudo definido em
variáveis — trocar a marca por azul ou verde é alterar 4 linhas
em :root, não caçar hex code no meio do arquivo.
Barras de macro viram colunas empilhadas no mobile, os "before/after" mudam de 2 colunas pra 1, e a timeline verticaliza. Nada de "funciona porque encolheu" — cada tela foi tratada no seu breakpoint.
Números no hero (pacientes, avaliação, experiência), depoimentos com resultado quantificado ("−12 kg em 4 meses"), transformações visuais e FAQ que mata objeção uma por uma. Cada seção resolve uma dúvida diferente.
Ordem pensada pra levar o visitante da curiosidade até o clique.
Simples por escolha. Rápido por consequência.
aria-* nos elementos interativosPlayfair Display (títulos) + Plus Jakarta Sans (corpo)input — sem libscroll-behavior: smooth + scroll programático nos CTAsencodeURIComponentLanding page de conversão é design + psicologia + engenharia no mesmo arquivo. O simulador começou como "formulário legal" e virou a peça central da página — porque foi a primeira coisa que os visitantes usaram antes de chamar no WhatsApp. Ninguém quer preencher cadastro pra pedir orçamento; mas todo mundo quer ver quantas calorias precisa por dia. Entregar isso antes de pedir o contato é o que faz o lead chegar qualificado em vez de chegar frio.
Conta o que você vende. A gente pensa numa estrutura que transforma visita em conversa.
Conversar pelo WhatsApp