Um processo de desenvolvimento de landing page em sete passos, de escolher uma meta de conversão e escrever o texto primeiro até construir, rastrear e testar A/B, com um framework seção por seção que você pode copiar.
Defina uma meta e um público, escreva o texto, esboce a estrutura, construa a página, configure o rastreamento, teste em dispositivos reais, lance para uma fonte de tráfego, depois melhore com base nos dados. Escrever o texto antes de projetar é o passo que a maioria das equipes pula.
Com um criador e o texto pronto, uma única landing page pode ir ao ar em um dia. Páginas com código personalizado e design sob medida geralmente levam de uma a poucas semanas. O texto e a oferta costumam levar mais tempo que a construção.
Geralmente não. Uma landing page feita para uma campanha funciona melhor com um caminho único: a chamada para ação. Remover o menu principal do site reduz o número de formas de sair. Mantenha um rodapé pequeno com links de privacidade e contato.
Uma correspondência entre o anúncio ou link e o título, uma oferta clara, prova de que funciona, baixo atrito para agir (formulários curtos, carregamento rápido) e uma chamada para ação que diz o que acontece a seguir. O refinamento do design importa menos que isso.
Rastreie o evento de conversão no seu analytics, envie tráfego suficiente de uma fonte para obter uma taxa estável, depois mude uma coisa de cada vez, geralmente o título ou a oferta primeiro. Ferramentas como VWO, Optimizely ou o teste A/B do seu criador podem rodar testes A/B adequados.
Resposta rápida: um bom desenvolvimento de landing page segue uma ordem fixa: escolha uma meta, escreva o texto, planeje as seções, construa, adicione rastreamento, teste em dispositivos reais, depois melhore com dados. A maioria das páginas de baixo desempenho falha nos dois primeiros passos, não no design ou código. Abaixo está o processo completo, um framework de seções que você pode copiar, e as verificações técnicas que decidem se os visitantes sequer veem a página.
Anote isso antes de qualquer outra coisa:
Uma página para "pessoas que clicaram em um anúncio de 'encanador de emergência'" é completamente diferente de uma página para "leitores de newsletter que já nos conhecem". Tentar atender aos dois é como as páginas acabam vagas.
Projete em torno das palavras, não o contrário. Rascunhe em um documento simples:
Esta é uma estrutura que funciona para a maioria das ofertas. Corte as seções que não se aplicam.
| Seção | Função | Observações |
|---|---|---|
| Hero | Dizer o que é e o próximo passo | Título, subtítulo, um botão, uma imagem do produto ou resultado |
| Faixa de prova | Ganhar um segundo de confiança | Avaliação, logos, ou um depoimento de uma linha |
| Problema | Mostrar que você entende a situação | Duas ou três frases, na linguagem do cliente |
| Como funciona | Fazer parecer fácil | Três passos |
| Benefícios | Explicar por que vale a pena | Específico, não "alta qualidade" |
| Prova social | Remover a dúvida | Depoimentos completos com nomes, fotos se possível |
| Oferta e preço | Tornar a decisão concreta | O que está incluído, quanto custa, garantia |
| Perguntas frequentes | Lidar com objeções | Perguntas reais de chamadas de vendas |
| CTA final | Capturar pessoas que rolaram até o fim | Repetir o botão principal |
Repita a chamada para ação depois do hero, depois dos benefícios e no final, para sempre haver um botão por perto.
Escolha o método de construção com base em quem vai manter a página:
Regras de construção que importam independente do método:
Uma landing page sem rastreamento de conversão não pode ser melhorada.
Nosso guia de configuração de analytics de site cobre isso em detalhes.
Envie tráfego de uma fonte primeiro para você conseguir ler os resultados claramente. Assim que tiver uma taxa de conversão estável, teste mudanças uma de cada vez, em ordem de impacto provável:
Dê a cada teste visitas e conversões suficientes para ser significativo. Amostras pequenas produzem "vencedores" que desaparecem.
Aqui está como o processo se desenrola para uma clínica rodando um anúncio do Google em "massagem esportiva perto de mim":
Nada aqui é design sofisticado. Funciona porque toda seção responde a algo que a pessoa que clicou naquele anúncio específico está pensando.
Para exemplos de páginas que acertam isso, veja nossa análise de exemplos de landing pages que convertem, e se você não tem certeza se precisa de uma landing page ou de um site completo, leia landing page vs site.
A We.Inc pode construir uma landing page a partir de uma descrição da sua oferta e público, depois você edita o texto e as seções visualmente ou em código, com hospedagem e SSL inclusos. Traga o texto do Passo 2 e você pode ir do rascunho a uma página ao vivo e rastreável rapidamente, deixando mais tempo para os testes.
Comece grátis · Sem cartão de crédito