A landing page perfeita: estrutura, conteúdo e exemplos

Não vamos nos concentrar em como as visitas chegam à sua landing page; vamos destrinchar como fazer uma página de destino para que ninguém escape e mostrar alguns exemplos.

Ninguém poderá dizer o contrário.

Porque, se uma landing serve para alguma coisa, é para que suas visitas interajam, seja qual for o objetivo da sua página de destino.

E falando em objetivo: ter claro o da sua landing page é essencial para a conversão em venda ou em lead.

Vamos ao que interessa, que temos muito assunto pela frente: o que é uma landing page e para que serve, como fazê-la e que conteúdo incluir. Tudo isso é o que nos levará a construir a página de destino perfeita.

Mãos à obra.

O que é uma landing page: exemplos

As landing pages têm uma grande vantagem que as páginas estáticas do seu site não têm: as visitas que chegam são um público morno, porque costumam fazer parte de um funil.

Isso permite que você vá direto ao ponto, sem rodeios.

Aliás, é recomendável não distrair as visitas do seu propósito com conteúdo desnecessário, por isso essas páginas normalmente não têm menu de navegação (de fato, é o que recomendamos desde já).

O que está claro é que, de uma maneira ou de outra, toda página de destino serve para a mesma coisa: converter visitas em clientes.

Vamos especificar um pouco mais.

As landing pages podem ter dois objetivos.

Sim, apenas dois:

● O primeiro, captar leads que podem virar vendas futuras.

● O segundo, vender diretamente.

Diferentemente de um design de site, a landing page se concentra em criar uma página voltada para a conversão.

Vamos ver um exemplo de landing page para cada um desses objetivos?

Começamos com um que poderia muito bem ilustrar quais características uma landing deve ter para ser realmente eficiente.

Aqui Maïder Tomasena faz uma verdadeira exibição de copywriting de primeira: proposta de valor, algum benefício e pontos de dor para conseguir o lead.

Fecha com autoridade, que ela tem de sobra.

Exemplo de landing page de Maider Tomasena

Agora vamos a um exemplo de título de página de destino com o segundo objetivo, o de vender. Trata-se da empresa de idiomas Babbel.

No título: poucas distrações, urgência, um design bem limpo e descrição de características com seus sempre poderosos benefícios.

Exemplo de landing page da Babbel

Como criar uma landing page: estrutura da landing perfeita

Bem: agora que já sabemos o que é uma landing page e para que serve, vamos ver que estrutura ela pode ter.

Neste ponto, é interessante contar com boas ferramentas para criar landing pages e poder construí-las com os elementos que vão ajudar você a converter as visitas em leads ou em clientes.

Propomos uma estrutura básica, para que você tenha um guia na hora de construir sua página de destino.

O esqueleto de qualquer landing deve ser:

● Título: onde você apresenta como vai ajudar seus clientes de maneira clara e concisa para que continuem lendo.

● Corpo: para explicar em que consiste o produto ou serviço, como obtê-lo e por que devem comprar.

● A chamada para ação ou CTA (Call to Action): é o momento da verdade e onde saberemos se estamos alcançando o objetivo de conversão definido.

Obviamente, você deve completar e adaptar essa estrutura ao seu produto ou serviço em função de variáveis como a complexidade do que você vende, o preço e o público-alvo.

Vejamos cada elemento com mais calma:

#1 Um título top para a sua landing page

O título ideal da sua página de destino deve ter título e subtítulo.

O título é a primeira coisa que uma pessoa vai ler ao acessar a landing, por isso o copywriting precisa estar muito afiado.

Ele deve conter a proposta de valor para que quem o ler possa decidir em pouquíssimos segundos se fica ou se sai.

Para complementá-lo ou torná-lo mais interessante, recomendamos que você adicione um subtítulo que o deixe mais completo.

Vamos a um exemplo de que gostamos muito porque, já no above the fold (o que vemos antes de fazer scroll com o mouse), aplicam copywriting. Trata-se da empresa do setor financeiro eToro.

À esquerda, a proposta de valor breve e concisa, com um subtítulo associado às características diferenciais do produto.

Atenção ao uso de números, neste caso em forma de porcentagens. Recorrer a números e símbolos é um bom recurso de copy para atrair a atenção do usuário.

Com esse título + subtítulo, o usuário já sabe o que eles vendem e o que deve fazer para conseguir o produto graças ao CTA “Junte-se agora”.

Não podemos deixar de lado a parte direita do site, com os logos de alguns de seus clientes. Eles aproveitam esse espaço privilegiado para mostrar autoridade e fomentar a confiança.

Quem dá mais?

Exemplo de landing page da eToro

Outro exemplo de título orientado à conversão é o da Aplazame, empresa que se dedica a financiar compras do cliente final em lojas online.

Aliás, repare justamente na expressão “taxa de conversão”. Eles a utilizam no título principal, supomos que como palavra-chave.

Temos, portanto, uma boa amostra de SEO on page por meio do copywriting na hora de criar uma página de destino: colocar a palavra-chave principal no título (ou H1).

E no subtítulo (ou H2) eles brincam com o campo semântico, usando palavras da mesma família: conversões, vender mais, CRO…

Se você quer que a landing se posicione organicamente porque espera aproveitá-la além do período em que injeta visitas fruto das campanhas pagas, essa prática será quase imprescindível.

Exemplo de landing page da Aplazame

#2 Corpo da landing page e seu tamanho

Nesta parte da anatomia da landing é onde mais se diferencia uma página de destino para captar leads de outra cujo objetivo é obter uma venda.

Da mesma forma, o tamanho da landing que estivermos criando dependerá em boa medida do preço do produto e do seu nível de complexidade.

Veja, em geral pensamos assim.

● Preço baixo e produto simples: landing page curta.

● Preço alto e produto ou serviço sofisticado: landing page longa.

Exemplo de landing page curta

Aqui você tem um exemplo de landing page cujo objetivo é captar leads por meio do download de um lead magnet. É da agência de web design Itserra:

Exemplo de landing page da Itserra

Exemplo de landing page longa

Dissemos produto sofisticado, não é? Pois aqui está a página de vendas de uma formação em que se unem Vilma Nuñez, da Convierte Más, e Maïder Tomasena, da Escuela de Copywriting.

Nela dão muitos detalhes do que oferecem, já que o ticket é alto para o número de horas e o serviço ainda é relativamente novo:

Exemplo de landing page da Escuela de  Copywriting

No corpo da landing page é onde falamos ao cliente potencial de tudo o que ele precisa saber para tomar a decisão de comprar, assinar ou baixar um lead magnet.

Aqui é onde precisamos captar a atenção dele e deixar tudo claro. Se ele não entender o que vendemos e como pode adquirir, dificilmente comprará.

Neste aspecto, o copywriting é nosso melhor trunfo na hora de fazer uma landing page.

Bônus: copywriting para o corpo da sua landing page

Não poderíamos encerrar uma seção sobre o corpo da landing page ideal sem falar de fórmulas de copywriting que possam ajudar você a criar uma página poderosa.

Que fique claro: existem muitas fórmulas, e absolutamente todas são uma ajuda, não uma obrigação.

Dito isso, recomendamos especialmente estas duas para as páginas de destino focadas em gerar vendas:

1. Fórmula AIDA: Atenção, Interesse, Desejo e Ação.

Neste exemplo da Escuela de Nuevos Negocios identificamos cada um desses pontos.

✔ Chama a sua atenção para que você deixe de fazer outras coisas e se concentre em ler o que vai ser apresentado. Reforça isso com um vídeo.

✔ Gera interesse com informações e dados que fazem você achar que isso é promissor.

✔ Apresenta o produto ou serviço e desperta desejo por ele por meio da prova social de que já há empresários de sucesso usando o produto.

✔ Termina convidando à ação com um imperativo e reforçando o que acontecerá se você não baixar, com aquele “Não fique sem as 10 chaves para detectar o que está falhando no seu negócio”.

Exemplo de landing page da Escuela de Nuevos Negocios

2. Fórmula PASTOR: Problema, Agitação, Solução, Testemunhos, Oferta e Resposta

O exemplo de página de vendas com a fórmula PASTOR que escolhemos é o da nutricionista May Morón. Nele vemos todos os elementos dessa fórmula, embora não na mesma ordem que o acrônimo indica.

Essa receita também é muito comum e você também pode ajustá-la como lhe convier: as fórmulas é preciso conhecer, sim, mas são elas que estão a nosso serviço e não o contrário.

Exemplo de landing page de May Morón

Vamos analisar o exemplo; é a melhor maneira de entender.

✔ Começa com a solução que resolverá o problema do público-alvo.

✔ Em seguida, descreve o problema em detalhes, tocando nos pontos de dor.

✔ A partir daí, agita a questão mostrando as consequências de não resolvê-la. Esse “SE VOCÊ NÃO DER ESSE CLIQUE MENTAL” vai direto ao coração da audiência.

✔ Apresenta a solução explicando a que ela se dedica e como pode ajudar você.

✔ Segue com a chamada para ação que convida a descobrir.

✔ Termina com os testemunhos. Não há nada melhor para que alguém nos considere como uma opção do que ter a opinião de quem já experimentou.

Certo.

Várias coisas devem ter chamado a sua atenção quanto à estrutura e ao copywriting desta página de vendas.

Talvez estranhe que ela descreva o problema em detalhes e, em contrapartida, o agite pouco.

Esta é uma das dicas ou truques de copywriting que podemos dar na hora de escrever suas páginas de destino. Não abuse dos pontos de dor nem de ampliá-los: não queremos que ninguém vá embora aterrorizado.

Se você já aprofundou aquilo que mexe com a audiência, seja mais suave na agitação.

Você também deve ter notado que as chamadas para ação são três.

Isso porque, em landings longas, convém colocar pelo menos três CTAs ao longo da página. Assim iremos conseguindo interação com qualquer pessoa que entre, seja qual for o nível de consciência dela sobre o produto.

Imagine que você já tem claro o que quer e precisa rolar a página para baixo procurando como entrar em contato. É provável que você vá embora antes de fazê-lo.

Por isso, no exemplo da fórmula AIDA também há 3 Calls to Action.

Neste caso, as duas primeiras chamadas para ação são dirigidas ao objetivo principal: que as visitas entrem em contato.

E a última?

A última é voltada para captar o contato por meio do download de um lead magnet. Observe que ela está no final da página. Quem chegar até aqui e baixar o presente será um lead muito qualificado, o que também é bom, mesmo que não seja o objetivo principal.

#3 Chamada para ação

Poderíamos dizer que, no cardápio da landing page perfeita, a sobremesa que a deixa redonda é a chamada para ação ou CTA (Call to Action).

O CTA é aquele botão da página de destino que tem de ser irresistível para conseguir que o usuário clique nele.

Como você sabe, hoje nós, leitores, não lemos, e sim escaneamos. Por isso é tão importante que os CTAs se destaquem no design das páginas de destino. Dessa forma, eles não passarão despercebidos por quem nos visita.

Enfim, uma das características que uma landing page deve ter para ser eficiente é um botão bem escrito e bem desenhado.

Grave bem estas recomendações quando for construir sua página de destino:

✔ O texto do botão deve ser claro, curto e começar com um verbo de ação.

✔ Se puder, acompanhe o botão com um microcopy que esclareça o que acontece depois do clique.

✔ Em landings curtas, um único CTA. De preferência à direita e que se destaque.

Aqui está um exemplo que cumpre essas três características. Fica bem claro, não é?

Exemplo de landing page de Álex Fernández

✔ Em landings longas, como comentamos antes: colocar três botões ao longo da página é uma boa. O design deles, melhor que seja igual, e, se você mudar o copy, que o verbo inicial seja o mesmo.

✔ Muito importante: nunca encha a landing de chamadas para ação diferentes. Todas as que você incluir devem ser voltadas ao único objetivo da página.

Vejamos isso em um exemplo da empresa Lookiero. Neste caso, eles inserem dois CTAs muito claros quanto a copywriting e design, e ambos dirigidos ao mesmo propósito:

Exemplo de landing page da Lookiero

Últimas palavras sobre a landing perfeita

Vimos como fazer uma landing page de manual, com exemplos. E agora terminamos recapitulando para que você não esqueça o mais importante.

Isso que vai fazer com que o dinheiro que você investe em levar tráfego para a página de destino não se perca nos confins da rede.

Se você quer ter uma página de destino que converta, lembre-se:

✔ O conteúdo da sua página de destino deve ser projetado com um único objetivo principal. Não fique enrolando, para não distrair.

✔ Os objetivos de uma landing costumam ser principalmente dois: captar leads ou vender (sem esquecer a ligação telefônica).

✔ As partes básicas da anatomia da página são três: título, corpo e CTAs.

✔ Cuide do copy do título e, é claro, dos botões e do corpo da landing.

✔ Para escrever o corpo do conteúdo, você pode seguir duas fórmulas de copywriting muito versáteis: AIDA e PASTOR.

✔ A localização e o design dos botões de chamada para ação dependem do tamanho da landing.

Com essas características, você já tem tudo para criar sua landing page perfeita. Mesmo assim, o melhor que você pode fazer é testar duas versões de copy e design e verificar qual funciona melhor.

Coloque em prática um teste A/B e acompanhe as métricas principais durante um tempo, que variarão conforme os objetivos. Muito importante: espere receber um número razoável de visitas para medir.

Geralmente as métricas mais reveladoras são a taxa de conversão, a taxa de rejeição e a duração da sessão, caso você precise de um caminho por onde começar.

Após o período de teste medindo essas três variáveis, você verá qual agradou mais e, sobretudo, qual aproxima mais você do seu propósito de conversão.

Esperamos que você tenha gostado deste guia para construir a landing page perfeita, com exemplos reais incluídos.

👀 Se você tem recomendações de outras páginas de destino que valham a pena, queremos vê-las. Conte para nós nos comentários e até a próxima!

Antes de desenhá-la, tenha muito claro quem é o seu cliente ideal, já que todo o copy e o design devem falar diretamente com ele.

Se além disso você precisa repensar sua página inicial, muitos desses mesmos princípios de design e conversão também se aplicam a ela.