7 exemplos de landing pages e detalhamentos da jornada do usuário para se inspirar

Anúncios em banner, webinars, automação de email marketing, promoções de mídia social, SEO, marketing de conteúdo. Você investe em uma variedade de canais de marketing digital para chegar a novos públicos e direcionar o tráfego de volta ao seu site.

Sua página de destino é o resultado desses esforços. É o ponto em que o esforço gasto em criativos e os dólares gastos em anúncios culminam em uma conversão bem-sucedida — ou não.

Infelizmente, a maioria das páginas de destino são ineficazes, com uma taxa de conversão média de apenas 4,6% em todos os setores.

A otimização da página de destino é o processo de testar, alterar e testar continuamente a eficácia de suas páginas da web para melhorar as taxas de conversão.

É a diferença entre estar na maioria e ser uma das principais páginas que convertem.

Táticas como o teste A/B são cruciais para avaliar a eficácia de suas páginas de destino, mas não vão mexer a agulha a menos que você entenda o que contribui para uma página de destino de alta conversão.

Para ilustrar, vamos detalhar sete ótimos exemplos de landing pages para mostrar o que funciona e por quê.

1. Pilha de membros

Login seguro e pagamentos A empresa de SaaS Memberstack é um ótimo exemplo de como a interatividade, o movimento e a personalização podem criar uma experiência única na página de destino.

A parte superior da página está configurada para guiar deliberadamente o visitante para o ponto azul piscante no lado esquerdo.

Quando clicamos em qualquer uma dessas alternâncias, a animação do lado direito muda, visualizando a mudança no fluxo de trabalho instigada pelo uso do Memberstack.

Esta é uma maneira inteligente de demonstrar como o produto funciona. Também é uma tática para reduzir as taxas de rejeição e incentivar o engajamento do usuário.

Estudos mostram que o conteúdo interativo pode ser até duas vezes mais eficaz no engajamento do que o conteúdo estático.

A crescente receita e os números de membros também alavancam sutilmente o priming psicológico, criando a conexão inconsciente de que Memberstack significa mais membros e mais receita.

A seção de heróis coloca efetivamente os botões de CTA nos cantos superior direito e inferior esquerdo, duas áreas onde os estudos de rastreamento ocular mostraram que a maioria dos olhares gravitam quando olham pela primeira vez para uma página de destino.

Abaixo do CTA inferior, o Memberstack sugeriu a segurança de sua plataforma usando um removedor de atrito baseado em prova social “Apoiado pelo YCombinator”.

O público B2B da Memberstack está familiarizado com o YCombinator.

Esta é uma cópia inteligente que responde à objeção: “Quão seguro é o aplicativo de pagamento do Memberstack?”

Rolando abaixo da dobra, Memberstack aumenta ainda mais a confiança ao introduzir um subtítulo com alguns números importantes para demonstrar a prova dos resultados.

Observe como o Memberstack coloca os números maiores no centro, com os números menores do lado de fora.

Isso toma emprestado de um conhecido viés preferencial que os consumidores têm para a opção do meio quando são apresentados a uma variedade de opções da esquerda para a direita.

O Memberstack reforça a credibilidade com um segundo uso do logotipo YCombinator, bem como uma chamada para Product Hunt, outro nome familiar para o público principal da marca.

O uso de depoimentos do Memberstack é interessante aqui.

A maioria das páginas de destino tendem a usar dois ou três depoimentos contextualmente colocados. O Memberstack está cheio de resenhas, a maioria das quais não pode ser lida sem clicar em outra página.

Isso pode funcionar a seu favor se eles testaram e validaram que a quantidade de prova social (o grande número de avaliações positivas) é mais convincente do que a qualidade (o conteúdo do que os revisores estão dizendo).

Rolando ainda mais, temos um processo simples de 3 etapas sobre como o software funciona.

O Memberstack o mantém breve, o que é ideal. Páginas de baixa intenção, como a página inicial, não precisam ser muito complicadas.

A seção “Contas de usuário Plug & play” é um ótimo exemplo de como a interatividade em uma landing page pode transformar engajamento em investimento.

Usando os botões deslizantes e de alternância, os usuários podem personalizar o formulário à direita com cores e campos adicionais. Eles também têm a oportunidade de fazer isso na próxima seção.

Ao explorar os recursos do produto Memberstack de maneira limitada, os espectadores experimentam exatamente o que podem fazer com ele e como isso pode afetar suas vidas.

Isso é influenciado por um princípio psicológico conhecido como propriedade mental, uma técnica comumente usada em vendas diretas (por exemplo, testar carros antes de comprar).

Envolver-se com o conteúdo ajuda os usuários a sentir que já é deles (e graças à aversão à perda, significa que eles não querem perdê-lo).

A parte inferior da página termina com uma seção de CTA final, que inclui vários removedores de atrito:

• Comece gratuitamente;
• Teste ilimitado;
• Atualize quando for lido;
• Não é necessário cartão de crédito.

Copywriting focado como este é a chave para construir landing pages de alta conversão. Ele fala diretamente com objeções comuns de vendas e as resolve antes que elas convençam os clientes a abandonar a venda.

2. Zendesk

Esta página de destino do Zendesk é um ótimo exemplo de correspondência do tamanho e do estilo da página com a intenção e os níveis de reconhecimento do público-alvo.

A redatora de conversão Joanna Weibe discute como as páginas de destino devem ser longas ou curtas.

“Não faz sentido dizer 'cópia longa sempre supera cópia curta'... ou 'cópia longa não funciona comigo'... ou 'usuários da web só tolerarão cópia curta'...

Em vez disso, sua página precisa ser tão longa quanto necessário para apresentar o argumento que abordará o cliente em potencial em seu estado de consciência. Se você não sabe o quanto eles estão cientes, você precisa descobrir para moldar seu argumento.”

Ela ilustra a interação entre consciência e intenção neste gráfico.

O Zendesk faz exatamente isso.

A cópia usada no cabeçalho da página inicial não contém jargões e linguagem relacionada ao produto.

O Zendesk vai direto de “Como funciona” para “O que eu ganho com isso?”.

A resposta? Melhor atendimento ao cliente.

Você notará uma sugestão de design inteligente no canto inferior direito também. Este crachá contrastante brilhante incentiva os visitantes a rolar para baixo e usa o layout clássico em forma de Z (também desenvolvido a partir de estudos de rastreamento ocular):

Role abaixo da dobra e vamos direto aos recursos.

A Zendesk sabe que o objetivo principal dessa landing page é guiar os visitantes pelo funil de marketing usando conteúdo informativo e valioso.

A próxima seção fornece informações contextuais sobre o que o Zendesk faz e os resultados que ele ajuda os usuários a alcançar. Ele também fornece prova social por meio de depoimentos curtos.

Observe como o Zendesk atende a dois públicos-alvo, equipes de serviço e vendas, mantendo uma estética organizada. Eles fazem isso usando um dispositivo de alternância simples.

Esta é a visão para as equipes de serviço:

E para equipes de vendas:

A próxima seção se apóia um pouco mais na prova social. Ele se vincula a estudos de caso de formato longo que contam histórias de sucesso de clientes.

A página de destino termina com uma coleção de links para outros recursos (projetados para manter os visitantes em seu site e aprendendo) e uma seção de CTA sem complicações.

Esta página de destino faz duas coisas bem:

1. Fornece prova social, apelando para a nossa suscetibilidade à influência dos outros.
2. Agrega valor aos usuários do topo do funil por meio de vários recursos e inicia o processo de engajamento e nutrição de leads.

3. Latana

Esta página de destino da plataforma de rastreamento de marca com tecnologia de IA Latana é um exemplo poderoso de como promover guias focados na geração de leads.

Latana mantém as coisas simples acima da dobra. Ele pressupõe que os visitantes estão acessando esta página para fazer o download do guia e facilita a ativação e o acesso.

Em segundo lugar, o Lantana mantém os campos do formulário de inscrição no mínimo.

Está documentado que as taxas de conversão caem significativamente com cada campo adicional, com três campos sendo o número de ouro.

Terceiro, a cópia heroica que acompanha o formulário é bem executada.

Ele responde a quem e o quê: “Branding for Product Teams”.

O porquê: “para saber mais sobre por que as equipes de produto precisam estar a bordo com a marca”.

E o que há para mim: “ganhar uma fatia maior do mercado”.

Lantana também dá uma dica de ação simples: “Preencha o formulário abaixo”.

Para aqueles que precisam de um pouco mais de convencimento, a seção imediatamente abaixo da dobra segue uma fórmula de narrativa simples, mas eficaz: Aqui está o problema, eis por que você deve se preocupar com isso, e como vamos ajudá-lo a resolvê-lo.

Em seguida, leva o leitor à ação: “Baixe para descobrir como”.

A página de destino responde às perguntas principais dos visitantes novamente, desta vez com absoluta clareza. Ele também usa uma sugestão de design eficaz que contrasta o resto da página em estilo e cor (projetado para parar os scrollers).

A Latana também faz bom uso da prova social por meio da inclusão de logotipos conhecidos.

Embora as seções do logotipo sejam normalmente usadas para adicionar gravidade às páginas focadas no produto, elas também podem ser eficazes como meio de demonstrar autoridade (ou seja, trabalhamos com essas grandes marcas, então sabemos do que estamos falando).

Ao longo de toda esta página de destino, Latana mantém as coisas simples com habilidade.

A cópia é eficaz e utiliza linguagem simples (“Preencher o formulário”). O layout das informações é simples e óbvio, e a página não se desvia da intenção principal ou se esforça demais para vender.

4. Espaço livre

A página de inscrição de assinatura do Headspace é um exemplo poderoso de como criar uma página de destino para visitantes do fundo do funil.

Ele faz três coisas incrivelmente bem:

1. Uso efetivo de prova social;
2. Uma demonstração interativa bem executada do produto;
3. Alavancagem de táticas de redação para melhorar a memória.

Uso eficaz da prova social

A página de destino tem duas seções de prova social posicionadas de costas.

O primeiro fornece evidências convincentes de uso generalizado (70 milhões de downloads) e satisfação quase universal (4,9 estrelas em mais de 600 mil classificações).

Esses números impressionantes contam a história de um aplicativo de sucesso. Embora convincentes, os números por si só carecem da estrutura problema-solução-resultado que ressoa com os pontos problemáticos dos clientes.

E essa é precisamente a prova que o Headspace fornece na próxima seção.

Estes são depoimentos cuidadosamente escolhidos que falam de pontos de dor comuns experimentados pelo público-alvo do Headspace (“estresse e solidão”, “quebrado”). E, para os resultados reais do cliente (“me ajudou a entender o funcionamento da mente”).

Uma demonstração interativa bem executada do produto

Esta demonstração interativa dos recursos do produto resolve uma barreira comum à retenção de usuários do aplicativo e ao envolvimento prolongado.

25% dos aplicativos são usados ​​apenas uma vez antes de serem excluídos ou abandonados. A otimização da loja de aplicativos (ASO) ajuda a maximizar as conversões, assim como as avaliações gratuitas.

Mas essa abordagem interativa permite que os usuários testem o produto sem riscos; sem empurrar para um download antes de provar o valor. Ele também permite que o Headspace guie os usuários para recursos específicos e os demonstre usando um vídeo explicativo.

Além do conteúdo de demonstração interativo, eles também oferecem uma avaliação gratuita de 14 dias. Depois de interagir com os recursos, essa avaliação gratuita provavelmente gerará mais assinaturas, pois os usuários realmente desejam aprender mais (em vez de começar do zero).

Alavancagem de táticas de redação para melhorar a memória

A cópia nesta página de destino é preenchida com rima e aliteração, ambos dispositivos mnemônicos eficazes.

Usar rima em sua cópia (por exemplo, “seja gentil com sua mente”) alavanca um conceito psicológico conhecido como Efeito Rima como Razão, que pode ser traduzido livremente como “Se rima, deve ser verdade”.

Da mesma forma, aliteração (por exemplo, “Junte-se a milhões de pessoas meditando” e “Crie as condições”) é eficaz para melhorar o aprendizado e a memória, mesmo quando as declarações são lidas silenciosamente.

Esses dispositivos de memória trabalham para manter sua marca em mente quando os clientes estão prontos para puxar o gatilho.

5. Levantar

Com a página de destino “Torne-se um motorista”, o serviço de compartilhamento de viagens e o concorrente da Uber, Lyft, demonstra exatamente o que significa estar em contato com seu público.

Observe a cópia no banner do herói: “Quer ser seu próprio chefe?”

Esta mensagem fala diretamente ao desejo compartilhado de seu público-alvo. Em vez de dizer: “Candidate-se aqui para ser motorista”, a Lyft apela para a motivação emocional.

As duas seções a seguir tratam de objeções antecipadas. Eles permitem que os leitores respondam por conta própria às perguntas frequentes pré-inscrição.

Esta seção responde às perguntas mais óbvias, como “Como recebo o pagamento?”, “Quais são os requisitos?” e “E se eu não tiver um carro?”.

Abaixo, um controle deslizante de quatro estágios mostra como é simples começar a trabalhar com o Lyft e ser pago (uma objeção crítica para motoristas em potencial).

O Lyft aproveita a prova social em seguida, mas não da mesma forma que as páginas acima. A Lyft opta por uma pequena compilação de vídeos de histórias de sucesso de clientes para manter o espaço livre de desordem.

O vídeo captura o engajamento de forma extremamente eficaz. Ele permite que os motoristas em potencial tenham notícias de pessoas reais, algo que os motoristas do Lyft normalmente consideram importante.

Por fim, um pequeno trecho de texto (e o depoimento do cliente que o acompanha) reforça as mensagens do vídeo: os motoristas estão trabalhando com o Lyft, não para Lyft, dando a eles a liberdade e a flexibilidade de ganhar em seus termos.

6. Toca

Esta página de destino do varejista de móveis de comércio eletrônico Burrow é um excelente exemplo do uso de imagens e vídeos de alta qualidade para contar a história.

Há muito pouco acontecendo acima da dobra no que diz respeito a copy, links e calls to action.

Em vez disso, Burrow deixa sua fotografia fazer o trabalho pesado. A imagem do herói de alta resolução demonstra como seus produtos se parecem e se sentem no contexto, um componente importante da construção de propriedade mental.

A segunda seção adota uma abordagem semelhante ao abordar diretamente uma objeção comum: o alto custo do transporte de móveis.

Ao priorizar o “entregue grátis” na cópia minimalista da página, Burrow ressalta sua importância e a ajuda a se destacar no espaço em branco.

Na próxima seção, Burrow aproveita o aumento de engajamento do conteúdo interativo.

A principal proposta de valor da Burrow é o nível de personalização que eles oferecem para cada produto. Por exemplo, o sofá mostrado abaixo está disponível em mais de 200 configurações.

Em vez de contar aos visitantes sobre isso, a página de destino usa um vídeo animado. Novamente, eles chamam a atenção e mantêm o engajamento, mostrando aos compradores o que a personalização significa para eles.

Um segundo vídeo responde a outra importante objeção de vendas: “Como tudo isso funciona?”.

Em 20 segundos, os clientes em potencial veem exatamente o que saem da caixa. Isso demonstra como é simples montar seus móveis sob medida.

Ao longo deste exemplo de página de destino do produto, Burrow se concentra em vender a experiência, não o produto.

Imagens estáticas de produtos isolados podem ser visualizadas em páginas de produtos individuais. Mas eles não têm um lugar de destaque na página de destino. Em vez disso, a Burrow usa imagens e videografia em contexto para mostrar aos compradores o que significa ser um cliente da Burrow.

Eles conseguem isso exibindo produtos em espaços selecionados e aproveitando os perfis do Instagram de seus clientes da vida real (também como prova social).

Burrow completa isso com alguns depoimentos de clientes selecionados intencionalmente, que destacam a qualidade dos móveis (uma possível questão persistente).

Eles também falam com os desejos dos clientes-alvo com a ideia de que o mobiliário personalizado é uma faceta de expressão de identidade e influência social.

A página de destino da Burrow prova que imagens e videografia de alta qualidade podem ser uma poderosa ferramenta de persuasão. Para o produto certo, elimina a necessidade de seções de página com muitas cópias.

7. Klenty

A plataforma de engajamento de vendas Klenty fornece um ótimo exemplo de uma página de destino criada para capturar o tráfego do concorrente.

A Klenty opera em um cenário competitivo, com seus dois principais concorrentes, Salesloft e Outreach, possuindo uma participação majoritária de mercado.

A Klenty se posiciona como uma alternativa capaz e direciona o tráfego para sua página de destino, segmentando palavras-chave de concorrentes como “Salesloft” e “Alternativa Salesloft”.

A página de destino diferencia agressivamente a marca de seus concorrentes. Ele os nomeia e lista suas falhas na seção de heróis.

Isso pode ser percebido como descarado e implacável, mas Klenty está realmente usando uma estratégia focada na intenção.

Os leitores estão procurando alternativas ao Salesloft, o que infere que há algo que eles não gostam na plataforma.

Ao listar as supostas falhas de seu concorrente, Klenty sugere sua solução.

Abaixo da dobra, Klenty fornece mais contexto sobre os pontos problemáticos acima. Eles nomeiam Salesloft novamente e detalham os principais recursos em que Klenty compete.

Eles maximizam esse espaço organizando seus três principais benefícios em uma seção de rolagem automatizada.

Esse recurso evita que a página de destino fique muito longa ou desordenada, ao mesmo tempo em que fornece algum movimento atraente por meio da barra de progresso e das transições.

Uma seção de comparação de recursos mais abaixo na página adota uma abordagem semelhante. Com suas guias interativas envolventes, ele consegue cobrir muito terreno em uma única dobra.

As informações de preços da Klenty também estão sutilmente posicionadas acima da Salesloft, e Klenty recebe um logotipo maior, além de uma cor de marca mais destacada.

Esses recursos de design são sutis, mas intencionais. Klenty usa hierarquia visual para reforçar a importância de sua marca sobre seus concorrentes.

Conclusão

O teste A/B é fundamental para avaliar a eficácia das suas landing pages. Mas você precisa saber o que testar se quiser que seus recursos se estendam ainda mais.

Para começar a entender o que funciona para o seu público, siga os conselhos das páginas acima. Combine sua página com a intenção do seu público-alvo e supere as objeções com antecedência e frequência.

Use ferramentas como vídeo e conteúdo interativo para organizar informações, alavancar provas sociais e guardar suas memórias para atrair os compradores menos comprometidos mais tarde.

Para garantir que você está atingindo a marca, use ferramentas como o Wynter para ver se sua mensagem e estratégia ressoam com seu público-alvo.

O design e as mensagens da página de destino não são um assunto único. Com uma otimização consistente, sua página pode atingir seu potencial.