Como escrever (e layoutar) a 1ª dobra de uma landing page
Bem-vindo(a) à Inbound Matters, onde você aprende o que importa sobre inbound marketing 🤍
Oi, tudo bem? Hoje eu quero conversar com você sobre a parte mais importante das suas landing pages.
Que é a primeira dobra, o cabeçalho - o que o usuário vê quando chega na sua página.
Ela é a mais importante porque 100% das pessoas que chegarem lá vão ver aquelas palavras e serão impactadas por aqueles elementos visuais.
Dito isso, a sua primeira dobra tem que ter um equilíbrio entre visual e conteúdo. Essas duas coisas precisam trabalhar juntas.
Mas antes da gente entrar nisso
Não têm copy ou design que salve a conversão se a página tem um carregamento muito lento.
Então, antes de fazer mudanças nas imagens ou no seu texto, certifique-se de que ela está carregando rapidamente.
Sua LP precisa carregar rápido tanto pra quem tem uma 400 MB de internet, quanto pra mim que só tenho 30 MB ou pra quem só usa 3G.
Combinado? Então agora vamos falar um pouquinho de texto.
✍ O que escrever na sua primeira dobra
Primeiro, a gente precisa pensar na primeira dobra como uma das etapas da jornada dos seus visitantes.
Ou seja, a sua mensagem aqui precisa ser consistente com a etapa anterior deles - de onde vieram? De um anúncio? De um blog? De um e-mail? Qual era a mensagem lá?
Ao mesmo tempo, o texto da nossa primeira dobra precisa responder 4 perguntinhas que acontecem na cabeça do visitante quando ele chega na página.
◾ Quem é você?
◾ O que eu ganho com isso?
◾ Posso confiar em você?
◾ O que eu faço agora?
Olha aqui um exemplo de cabeçalho que eu criei recentemente aqui pra Escola Conquer, e que procura responder essas perguntas.
◻ O Título
Agora falando do título, li uma frase que resume bem a construção dessa parte tão importante das suas LPs:
"Toda visita começa com a pergunta: onde eu estou? É trabalho do título responder essa pergunta."
Mas imagina que você clicou num anúncio de um software de produtividade e a headline da LP era assim:
“Impulsionar pessoas. Transformar resultados.”
Se desse título eu esperava respostas, só recebi perguntas.
Uma forma mais eficaz de ganhar o seu visitante logo de cara é escrever de forma direta, com uma frase rica em benefícios:
“Teste grátis o software de gestão que aumenta sua produtividade em 36% em 30 dias.”
Não é hora de tentar aquele Leão em Cannes, mas sim de deixar clara a vantagem e o próximo passo pro usuário.
◻ O Subtítulo
Aproveite o subtítulo para desenvolver o título, focando no valor que a pessoa vai receber daquela conversão.
O que vai acontecer quando ela clicar no botão? O que vai aprender quando se inscrever na sua newsletter?
◻ O Botão
Eu vejo muitos botões com um texto mais “seco” que o necessário.
Olha só a diferença entre:
Download e Receba sua cópia do material.
Ainda é direto, não inventa moda, mas é mais humano. Você pode sim usar o botão para expressar a personalidade da sua marca sem prejudicar as conversões.
E colocar uma microcopy abaixo do botão pode ajudar a quebrar algumas objeções. Olha só:
Reduzindo o risco da conversão
◾ “Não enviaremos spam”
◾ “Não é necessário cartão de crédito”
Trabalhando a urgência
◾ “Só 5 peças em estoque"
◾ “50% de desconto apenas hoje”
Criando expectativa
◾ “Reserve seu lugar antes que acabe"
Pra gente finalizar essa parte, depois de escrever, olha o quadro geral do título, subtítulo e botão.
Vê se tudo se conecta, chama a atenção e desenha um caminho claro e com muitos benefícios pro visitante.
Na prática, você vai ver que tudo se desenrola seguindo aquela estrutura clássica de copywriting, a AIDA.
🎨 Como layoutar a sua primeira dobra
Eu não sou designer, mas acho que você não precisa ser pra pensar como um.
Inclusive, até eu consigo desenhar umas estruturas legais usando esta ferramenta gratuita, chamada MockFlow.
Minha estrutura preferida é aquela em duas colunas - texto na esquerda, imagem na direita.
Essa estrutura é tão comum que as pessoas já estão meio que treinadas e sabem o que fazer na página. Um cabeçalho muito diferentão pode atrapalhar mais do que ajudar.
◻ Que imagem eu coloco?
A imagem do cabeçalho é uma oportunidade de complementarmos o nosso texto. De usar uma imagem pra dizer algo que as palavras não conseguem.
Só que muitas vezes perdemos essa oportunidade e acabamos usando vetores ou fotos de banco de imagens aleatórias.
Nem sempre isso ajuda a deixar a nossa oferta clara e atraente.
◾ Se a sua landing page é sobre um e-book, por que não colocar um mock-up dele pra tangilbilizar o material?
◾ Ou se é um software, ao invés de um cara engravatado, por que não um vídeo explicando como ele funciona?
◻ Um pra um
Tem um conceito muito interessante que eu aprendi lendo esse estudo da Unbounce, que é o da razão de atenção. Essa razão compara:
nº de coisas que você deve fazer na página / nº de coisas que você pode fazer na página
No seu cabeçalho, essa razão precisa ser de 1:1.
A gente não quer dar um cardápio de opções pra pessoa fazer logo de cara, ou ela vai se demorar e se perder.
Uma coisa que eu gosto de fazer pra manter essa razão é tirar toda a navegação - adeus menus, botões de redes sociais, etc.
E além disso, usar bastante espaço negativo e cores contrastantes para criar foco nos botões ou elementos que eu quero que chamem a atenção.
Com isso a gente deixa óbvio o que é pra fazer na dobra, criando um único caminho possível pro visitante - o clique ou a conversão.
😬 Mas e o formulário?
Quando a oferta da sua página é muito simples e exige pouco compromisso do visitante, é super válido você colocar o formulário logo de cara.
Se coloca no lugar do usuário: eu gostaria de rolar uma página enorme até o fim só pra me inscrever num webinar?
Agora, se você tem um produto muito complexo, e se as pessoas não conhecem muito a sua marca, sua primeira dobra é melhor aproveitada com copies e imagens atraentes.
◻ Tudo é teste
E mais uma newsletter que ficou uma bíblia. Vai se acostumando!
Compartilhei com você um caminhão de boas práticas sobre cabeçalhos de landing pages. E a última que eu quero deixar é: teste.
Teste títulos, estruturas, imagens, cores pra ver o que leva mais pessoas a rolarem a sua página e principalmente a converterem mais.
Mas agora me conta – como você pensa nas suas landing pages?