Anatomia de uma landing page que converte visitante em cliente
A landing page não é um site. É um funil.
A maioria dos clientes que me procura pede “um site”. Quando investigo o que realmente precisam, é uma landing page. Uma página única com um objetivo: transformar visitante em contato. Não em leitor, não em seguidor. Em alguém que manda mensagem ou preenche formulário.
A diferença entre landing page que converte e landing page decorativa está na estrutura. Não no design, não na cor do botão, não na fonte. Na ordem das seções, no posicionamento do CTA, e na copy que fala a língua de quem tá lendo.
No Family Pilates, a LP tem Lighthouse 98 e zero JavaScript no cliente. Bonita, rápida. Mas o que faz funcionar é a sequência de seções: primeiro mostra o resultado, depois explica o método, depois prova social, depois CTA. Cada bloco responde uma dúvida que o visitante tem naquele ponto da página.
A hero section decide se o visitante fica ou sai
O visitante leva 3 a 5 segundos pra decidir se continua na página ou volta pro Google. A hero section precisa responder três perguntas nesse tempo: o que você faz, pra quem, e qual o resultado.
Não é lugar pra história da empresa. Não é lugar pra missão, visão e valores. É lugar pra clareza absoluta.
Pra uma clínica de odontologia estética, uma hero que funciona é: foto de sorriso com lentes de contato dental + título direto (“Seu sorriso novo em 2 sessões”) + botão de WhatsApp. O paciente entendeu o serviço, viu o resultado e tem como agir. Em 3 segundos.
Uma hero que não funciona: slider com 5 imagens da fachada do consultório, título “Bem-vindo ao nosso espaço” e botão “Saiba mais”. O visitante não sabe o que você faz, não viu resultado e o botão leva pra outra página em vez de facilitar o contato.
Componentes da hero que funciona:
- Título com benefício claro (não feature técnica)
- Subtítulo com especificidade (prazo, resultado, diferencial)
- Imagem que mostra resultado real (não stock photo)
- CTA primário visível sem rolar (acima do fold)
Seção de problema: conectar antes de vender
Depois da hero, o visitante precisa sentir que você entende a situação dele. Antes de mostrar solução, valide a dor.
Pra clínicas do nicho odontológico, a dor é clara: “Você sorri com a boca fechada nas fotos? Evita mostrar os dentes em reunião? Já pesquisou sobre lentes de contato dental mas ficou com medo do preço ou do procedimento?”
Esse bloco não precisa ser longo. 3 a 4 frases curtas que descrevem a situação do visitante com precisão. Quando ele lê e pensa “é exatamente isso”, a confiança sobe e ele continua lendo.
O erro mais comum é pular essa seção e ir direto pra lista de serviços. Serviço sem contexto não gera conexão. O visitante vê uma lista de procedimentos e não sabe qual resolve o problema dele.
Na GPM2, a LP abre com o problema do público-alvo: empresas que pagam impostos acima do necessário por falta de planejamento tributário. Antes de falar da solução, valida a dor. Depois apresenta o serviço como resposta.
Seção de solução: mostre o como, não só o quê
Com a dor validada, agora mostra como você resolve. Não com jargão técnico. Com resultado prático.
Em vez de “Realizamos procedimentos de laminados cerâmicos com tecnologia de ponta”, use “Suas lentes de contato dental ficam prontas em 2 sessões. O procedimento não dói e o resultado é definitivo.”
O visitante não quer saber o nome técnico do material. Quer saber se dói, quanto tempo leva e como fica.
Essa seção funciona melhor com:
- Passos numerados do processo (ex: “1. Avaliação, 2. Moldagem, 3. Cimentação”)
- Foto ou vídeo do procedimento/resultado
- Diferencial concreto (prazo, garantia, técnica específica)
No Tok Final, a seção de solução mostra o processo de instalação em 4 etapas com ícones simples. O gestor de obra entende em 10 segundos como funciona. Não precisa de reunião pra decidir se entra em contato.
Prova social: depoimento mata objeção
Depoimento de cliente é a seção mais subestimada. A maioria dos sites coloca um slider genérico com “Excelente atendimento! Recomendo!” assinado por “Maria S.” Isso não convence ninguém.
Depoimento que converte tem três elementos:
- Nome completo e foto real (ou vídeo)
- Problema específico que o cliente tinha antes
- Resultado concreto que obteve depois
“Eu tinha vergonha de sorrir em fotos. Depois de colocar as lentes de contato dental com o Dr. [nome], voltei a sorrir sem pensar. O procedimento durou 2 sessões e não doeu nada.” Isso é prova social que funciona.
Vídeo é ainda melhor. Um depoimento em vídeo de 30 segundos vale mais que 10 depoimentos escritos. O visitante vê a pessoa real, ouve a emoção, e confia.
No Family Pilates, o carrossel de depoimentos é a única parte da página que carrega JavaScript (12 KB). O resto é HTML estático. A decisão de investir esses 12 KB foi justamente porque depoimento é a seção que mais impacta conversão.
No FitPlan, depoimentos de alunos com resultados reais (fotos de evolução, números de carga) ajudaram a reduzir cancelamento em 37%. Prova social não convence só novos clientes. Reforça a decisão de quem já comprou.
Seção de FAQ: quebre objeções antes que virem desistência
O visitante que chegou até aqui está interessado. Mas ainda tem dúvidas que podem impedir o contato. O FAQ existe pra resolver essas dúvidas sem ele precisar perguntar.
As perguntas certas não são as que você quer responder. São as que o cliente faz antes de comprar. Pra odontologia estética:
- “Lentes de contato dental doem?”
- “Quanto tempo dura o procedimento?”
- “Precisa desgastar o dente natural?”
- “Qual a faixa de investimento?”
Cada resposta deve ser curta (2 a 4 frases), objetiva e conter um dado concreto. Número, prazo, comparativo. Respostas vagas como “depende de cada caso” não resolvem a objeção, adiam ela.
FAQ bem feito também ajuda no SEO. Google extrai perguntas e respostas pro featured snippet se você implementar o FAQPage Schema. Isso significa que a pergunta do seu FAQ pode aparecer direto no resultado de busca, antes mesmo do visitante clicar no seu site.
Detalhei como implementar FAQ Schema no post sobre SEO técnico pra devs. É a configuração mais rápida com maior impacto em rich snippets.
Posicionamento do CTA: não é só um botão no final
O erro mais comum: colocar um único botão de contato lá embaixo da página. O visitante que se convenceu na metade da página não quer rolar até o fim pra agir.
CTA precisa aparecer em pelo menos 3 pontos:
- Na hero (acima do fold, visível sem rolar)
- Depois da prova social (quando a confiança está alta)
- No final da página (pra quem leu tudo)
Pra clínicas, o CTA principal é WhatsApp. O botão flutuante que acompanha a rolagem é obrigatório. Mas além dele, CTAs contextuais dentro das seções convertem melhor.
Exemplo: depois da seção de antes/depois, um CTA “Quero agendar minha avaliação” faz mais sentido do que um genérico “Fale conosco”. O texto do CTA precisa refletir o que o visitante quer naquele momento, não o que você quer que ele faça.
Na Soline, os CTAs mudam de texto conforme a seção. Depois de economia de energia: “Quero reduzir minha conta de luz”. Depois de cases de sucesso: “Quero um projeto pra minha empresa”. Cada CTA fala a língua do contexto.
Velocidade mata conversão silenciosamente
Nenhuma dessas seções importa se a página demora pra carregar. O visitante que espera 4 segundos não vê a hero, não lê o depoimento, não clica no CTA. Ele já foi embora.
Landing page precisa carregar em menos de 2 segundos no celular. Isso exige:
- Imagens otimizadas em WebP com lazy loading
- Zero JavaScript desnecessário (Astro entrega 0 KB por padrão)
- Fontes self-hosted com font-display: swap
- Hospedagem com CDN global (Vercel, Netlify)
- Lighthouse acima de 90
Detalhei todas essas otimizações no post sobre por que seu site carrega lento. Se a LP tá bonita mas lenta, tá perdendo conversão sem saber.
Checklist de LP que converte
- Hero com título claro, imagem de resultado e CTA acima do fold
- Seção de problema que valida a dor do visitante
- Seção de solução com processo claro e resultado concreto
- Mínimo 3 depoimentos reais com nome, foto e resultado específico
- FAQ com 4-5 perguntas reais dos clientes + FAQPage Schema
- CTA em pelo menos 3 pontos da página
- Botão de WhatsApp flutuante em toda a página
- Carregamento abaixo de 2 segundos no celular
- Lighthouse acima de 90 em Performance
- Meta tags e Schema.org configurados
A LP que converte responde as dúvidas certas, na ordem certa, rápido o suficiente pra ninguém desistir. Se a estrutura tá certa, o design pode ser simples e ainda funcionar.