A anatomia de uma página de destino perfeita do título ao rodapé

Publicados: 2021-01-12

Cada página de destino é composta de certos blocos de construção. Você precisa conhecê-los todos para criar as páginas mais convincentes e nunca correr o risco de ter um funil de vendas com vazamento. Depois de aprender o básico, você poderá experimentar esses blocos. Neste artigo, daremos uma olhada nos principais elementos de uma boa página de destino e daremos algumas dicas sobre o layout da cópia e do design de sua página.

Conteúdo
  1. Qual é a anatomia de uma página de destino?
  2. Os principais elementos de uma página de destino
    1. Título
    2. Cópia do corpo
    3. Imagens, animação ou vídeo
    4. Formulário de chumbo
    5. Botão CTA
    6. Cronômetro de contagem regressiva
    7. Prova social
    8. Benefícios
    9. Recursos
    10. Perguntas frequentes
    11. Rodapé
  3. Pronto para mais?

Qual é a anatomia de uma página de destino?

Todas as páginas de destino são um tipo de página de pós-clique que visa incitar os visitantes a tomar uma decisão.

Você explica todos os benefícios e vantagens de sua oferta e convida os usuários a realizarem as ações desejadas. Por ser um estágio extremamente importante do funil, não deve haver distrações, como barras de navegação ou links para outras páginas.

Uma estrutura de página de destino sólida ajuda você a contar toda a história. Sem ele, os leads acabarão saindo porque sua página não parece confiável ou persuasiva. Lembre-se de que você deseja que seus visitantes convertam - certifique-se de dar a eles motivos suficientes para fazer exatamente isso.

Você sabia que existem truques psicológicos para prender os usuários? Confira nosso artigo sobre truques para impulsionar a conversão da sua página de destino.

Aqui estão os principais elementos da página de destino em que você precisa pensar:

  • uma oferta única;
  • conteúdo visual envolvente;
  • cópia do corpo nítida e concisa;
  • os benefícios de sua oferta;
  • recursos;
  • prova social;
  • forma de liderança e apelo à ação claro.

Explicaremos o significado desses elementos, mas, primeiro, digamos imediatamente que sua oferta deve ser a essência de toda a página de destino. Falando metaforicamente, não é apenas uma cobertura de baunilha - é o bolo inteiro. Você pode comunicar sua proposta usando vários componentes de uma página de destino, e nós descreveremos como.

Um construtor de página de destino simples, mas poderoso

Crie uma página de destino, loja online ou página de bio link para Instagram e promova-a enviando o link para seus assinantes por e-mail, SMS ou mensagens de chatbot - em uma única plataforma.

Crie uma página

Os principais elementos de uma página de destino

Aqui, você encontrará mais elementos do que listamos anteriormente. Por quê? Bem, nem todos eles são obrigatórios e você tem a última palavra. Por exemplo, se o seu produto for simples e de margem baixa, você pode ignorar as perguntas frequentes. Recomendamos incluir todos esses bloqueios na estrutura da página de destino de qualquer maneira - basta torná-los simples e diretos ao ponto.

Título

Cada oferta se resume a uma única frase - pegue a sua e use-a como título. Você pode torná-lo ousado, expressivo ou breve, mas não dilua a ideia central por trás dele com palavras desnecessárias. O que você pode fazer é apresentar uma solução nova, apontar um problema chato que todos enfrentam ou explorar o desejo das pessoas por soluções rápidas. Adicione uma pequena cópia de apoio para fornecer detalhes e fazer backup de sua reivindicação.

Whereby é um serviço que torna a colaboração remota mais acessível. E esta é a primeira coisa que os visitantes aprendem ao acessar sua página:

landing page structure headline
Por meio do qual usa títulos simples e textos de apoio

Você pode tornar seu título mais emocional e apelar para os pontos fracos dos usuários, como faz a API Perspective:

landing page headline example
A API de perspectiva incentiva os usuários a tornar seu espaço digital mais seguro com seu título

Do ponto de vista de um designer, é importante fazer do título um dos principais pontos focais. Use pares de fontes elegantes porque uma bela tipografia ajuda a transmitir a mensagem e estabelecer o clima. Escolha tamanhos de fonte contrastantes para o título e texto de suporte, por exemplo, 30px e 15px.

Cópia do corpo

A melhor prática é falar a língua do seu público. Faça parágrafos curtos - duas ou três frases cada. Sinta-se à vontade para usar listas numeradas e marcadores para separar sua cópia em blocos de fácil digestão. A regra principal é não fazer com que seus leads precisem percorrer longas leituras para obter as informações de que precisam.

Mantenha a cópia da sua página de destino centrada nos benefícios, falando mais sobre o impacto positivo do seu produto e menos sobre o produto em si. Qual é o seu molho especial? Como o seu produto vai tornar a vida de alguém mais fácil? Em poucas palavras. Aqui está um exemplo:

landing page copy
Letter é uma plataforma bancária exclusiva, e a cópia da página de destino explica como funciona

Preste atenção às suas escolhas de tipografia. Suas fontes devem ser atraentes, mas também legíveis. Use espaçamento de linha e espaçamento de letra diferentes para tipos diferentes. Evite usar o tamanho de fonte 6px e texto cinza claro para o corpo da cópia - eles podem parecer elegantes em suas maquetes, mas tornam o texto mais difícil de ler.

Imagens, animação ou vídeo

Use conteúdo envolvente que faça as pessoas sonharem. Você pode transmitir certas emoções ou criar uma metáfora usando imagens e animações relevantes e de alta qualidade. Nunca use imagens apenas para preencher o espaço em branco.

Para um produto complexo, você pode usar ilustrações abstratas exclusivas:

landing page images
Superhi usa um gráfico abstrato brilhante em sua página de destino

Como mencionamos antes, também é útil adicionar ilustrações metafóricas se você estiver lidando com produtos altamente técnicos:

landing page illustrations
O Directus usa imagens de slides coloridos e poços de bola para visualizar a distribuição de dados

Se você vende produtos físicos ou serviços off-line, use fotos de produtos e imagens de seus clientes realmente felizes para transmitir a sensação:

landing page structure
Mack e Pouya oferecem fotos de casamento e usam as imagens da página de destino para inspirar os visitantes

Às vezes, você deseja envolver os usuários imediatamente e as imagens não são suficientes. Isso é especialmente verdadeiro para serviços experienciais e empresas de tecnologia. Eles costumam usar vídeos para explicar sua oferta ou mostrar trabalhos anteriores:

landing page structure video
Metomic prefere falar com os usuários diretamente com a ajuda de vídeos

Lembre-se de que usar fotos estereotipadas é desaprovado. É melhor tornar seus visuais memoráveis ​​e nunca comprometer a autenticidade.

Formulário de chumbo

Na maioria das vezes, você deseja coletar alguns dados de seus leads para iniciar uma conversa e entender melhor seu público. Essas informações valiosas podem ser tão simples quanto o endereço de e-mail do usuário e o cargo.

Você pode criar um formulário de inscrição usando nosso criador de formulários simples e intuitivo!

Mantenha seu formulário de lead minimalista, intuitivo e adicione algumas cópias de apoio a ele:

lead form example
O corpo docente é um estúdio de design que usa formulários de lead para converter visitantes em clientes

Alguns profissionais de marketing insistem que você deve mantê-lo acima da dobra, no topo da página de destino. Mas é totalmente com você: divida o teste e descubra o que funciona melhor para a sua oferta.

Botão CTA

Isso é o que você geralmente vê acima da dobra e no rodapé de qualquer boa página de destino. O pensamento vai, você precisa lançar seu produto e fazer uma oferta de compra, em seguida, descrever seus benefícios em detalhes e terminar com uma frase de chamariz ainda mais convincente.

Alguns usuários precisam de tempo para ler sobre todos os recursos e explorar os benefícios de sua oferta.

E alguns usuários podem estar prontos para converter a partir do momento em que acessam sua página - você precisa dar a eles essa opção também, portanto, ter dois ou até três botões de CTA em toda a página é bom.

Esta é a aparência normal de um botão de CTA:

landing page structure cta button
Amanhã é um sistema bancário que ajuda os usuários a obterem seu novo cartão em poucos minutos

Use verbos ativos e cores contrastantes ao projetar seu botão de CTA. Deve conter cinco ou menos palavras e estar rodeado por algum espaço negativo para chamar a atenção do usuário. Não se esqueça de adicionar gatilhos de clique como “Não é necessário cartão de crédito” ou “Garantia de devolução do dinheiro”. E, é claro, forneça algumas cópias de apoio.

Quer saber mais sobre como criar CTAs convincentes? Temos uma postagem no blog sobre como otimizar o site e as frases de chamariz por e-mail.

Cronômetro de contagem regressiva

Velho, mas ouro, esse truque adiciona escassez à sua oferta, e as pessoas odeiam perder grandes negócios. Mas um cronômetro de contagem regressiva da velha escola parece e parece um pouco suspeito, para não dizer fraudulento. A essa altura, muitas pessoas já sabem que os profissionais de marketing usam um cronômetro perene que faz a contagem regressiva a partir do momento em que o visitante entra em sua página. E a confiança dos usuários despenca.

Você pode ser mais esperto que seus concorrentes e aumentar a escassez usando ferramentas muito mais sutis. Por exemplo, mostre aos visitantes que restam apenas alguns lugares livres e que eles precisam agir rapidamente:

limited time offer
O estúdio Predesign mostra o número de slots livres ao lado do botão CTA para criar urgência

Claro, você ainda pode usar um cronômetro de contagem regressiva típico quando há uma oferta limitada real, por exemplo, na Black Friday.

Aprenda a criar uma oferta eficaz por tempo limitado para impulsionar as vendas e aumentar os lucros.

Prova social

A anatomia de uma página de destino é importante, mas não é o que impulsiona as vendas. Antes de se comprometer com qualquer coisa, as pessoas querem saber quem já usa seu produto e como foi sua experiência. Para ganhar confiança, use provas sociais, como avaliações, depoimentos e vídeos. Idealmente, a prova social deve apoiar suas afirmações de marketing e demonstrar que você cumpre suas promessas.

Será útil para seus leads descobrirem quais problemas seu produto já resolveu. Mesmo um feedback curto pode ser informativo:

landing page social proof example
Tailwind CSS mostra depoimentos reais de seus clientes

Não podemos enfatizar o suficiente como é importante usar fotos reais e depoimentos reais de seus clientes. O uso excessivo de fotos de banco de imagens facilmente reconhecíveis acaba com a confiança absoluta. Pergunte aos seus clientes se você pode usar as fotos reais deles.

Benefícios

Que impacto seu produto cria? Neste bloco, descreva todas as mudanças positivas que sua solução traz. Por exemplo, Elementor ajuda os designers a transformar o caos em ordem quando se trata de seus processos de trabalho, e sua página de destino descreve os benefícios exatos da ferramenta:

landing page structure
Elementor mostra aos designers como eles podem trabalhar de forma mais eficiente

Use marcadores ou parágrafos simples para listar os benefícios - isso os tornará mais cativantes e legíveis. Adicione também alguns recursos visuais para tornar esta parte da página mais cativante.

Recursos

De todos os elementos da página de destino, este é o mais voltado para o produto. Finalmente, você pode entrar em detalhes aqui e descrever o produto em si. Enfatize os recursos que o tornam verdadeiramente único ou inovador. Liste todas as qualidades específicas de seu produto ou serviço:

landing page elements
Hypersay Events explica como os usuários podem usar todos os seus recursos

Não sobrecarregue os usuários com uma lista de 20 recursos e longas descrições - mantenha-o simples e informativo e não se esqueça de usar verbos mais ativos.

Perguntas frequentes

Este é um bloco importante onde você pode responder a perguntas populares, desmontar objeções e responder aos medos de seus clientes. Em primeiro lugar, você economizará alguns recursos. Também criará confiança, porque as pessoas verão que você se preocupa com a experiência positiva delas.

O Squarespace, por exemplo, fornece respostas para as perguntas mais frequentes e também sugere o uso de seu suporte personalizado:

landing page elements
Squarespace usando FAQ em sua página de destino

Baseie suas perguntas frequentes em feedback real e dados de suporte ao cliente para que os recém-chegados possam encontrar as respostas mais relevantes e superar seus medos.

Rodapé

O rodapé em sua página de destino pós-clique não deve ser um rodapé pesado e cheio de links. Ele não precisa de um mapa do site ou de quaisquer links relacionados, exceto, talvez, suas informações de contato (falaremos disso em um segundo). O que você quer é se livrar das distrações e adicionar um botão de CTA de alta conversão:

landing page footer
O BI narrativo repete seu CTA em toda a página de destino

Às vezes, especialmente se sua oferta for premium ou complexa, seus visitantes vão querer falar primeiro com um especialista de sua empresa. O rodapé é um bom lugar para adicionar um formulário de contato e preencher. Você pode manter alguns links para suas páginas de mídia social, uma vez que também são plataformas de rede.

Pronto para mais?

Como você pode ver, todos esses elementos da página de destino ajudam a desenvolver sua oferta e guiar os usuários pela página até que eles finalmente se convertam. Uma baixa taxa de rejeição é um sinal de que você domina a anatomia de uma página de destino. O que você vai precisar em seguida é a ferramenta para nutrir seus leads e permanecer conectado com seus clientes. SendPulse pode fazer ambos e muito mais - é ótimo para enviar e-mails automatizados e criar chatbots para Facebook e Telegram. Você também pode usar nosso serviço para enviar notificações push na web e SMS para seus clientes!