E-book Gratuito
Checklist para
Landing Pages
de Alta Conversão
Introdução
Meus parabéns. Você acaba de ter acesso às melhores dicas para potencializar
as suas Landing Pages. Para facilitar a aprendizagem, dividimos o conteúdo em
três pilares fundamentais para a criação dessa ferramenta tão importante para
o marketing digital.
Na Parte I, você aprenderá o jeito certo de compor o design de uma Landing
Page. Após, na segunda parte, você conhecerá o poder de uma boa copy e
como criar textos que convertem. Por último, na Parte III saberá como garantir
que a sua página seja ágil para melhorar a experiência do usuário.
Para facilitar a consulta, todo o conteúdo foi organizado em 16 tópicos
fundamentais.
Tenha uma ótima leitura.
2
Sumário
DESIGN 5
Use fontes fáceis de ler 6
Criar o layout pensando nas menores telas primeiro 7
Cuidado com uso de animações 8
Uso estratégico das imagens 9
Psicologia das cores 10
A importância do White Space
11
COPYWRITING 12
Título e subtítulo de impacto 13
Atalhos mentais 14
Leitura clara, simples e fluída 15
Foco nos benefícios, em vez de funcionalidades 16
Call to Action
17
PERFORMANCE 18
Responsividade do site 19
Otimização de imagens 20
Não esqueça da otimização SEO 21
Formulários simples e objetivos 22
Acompanhar as estatísticas e realizar testes
23
CHECKLIST DA LP DE ALTA CONVERSÃO 24
Design 25
Copy 26
Performance 27
3
Para que servem as
Landing Pages?
Landing Pages (“páginas de aterrissagem”, em tradução livre) são endereços da
internet que concentram elementos para conversão de leads ou vendas. São as
páginas as quais você é direcionado para preencher dados antes de baixar um
e-book ou finalizar uma compra.
São como o último passe habilidoso antes do chute a gol. No marketing digital,
são usados como proposta final para venda de um produto ou distribuição
de uma isca digital. Portanto, são uma das etapas mais importantes de toda a
jornada de compra.
Basicamente, uma Landing Page (LP) tem título, subtítulo, copy, imagens e
botão de ação (CTA). Você conhecerá esses e outros elementos da LP ao longo
desse material. Leia com o máximo de atenção para extrair o máximo de
conhecimento.
4
Checklist para Landing Pages de Alta Conversão
DESIGN
Nessa sessão você terá orientações sobre o visual de uma
Landing Page. São quesitos reconhecidos e observados
em todas as páginas de sucesso na internet. Assim, leia
com atenção e siga como um manual ou uma lista de
mandamentos. O conteúdo está todo referenciado caso
deseje verificar as fontes de cada informação.
Use fontes fáceis de ler
Na tentativa de impressionar, muitos anunciantes acabam exagerando na
hora de selecionar a fonte dos textos. Dessa forma, optaram por letras cursivas,
caligrafias muitos elaboradas ou tipos mais descontraídos. No entanto, esse
diferencial pode ter um efeito não desejado.
Essa não é uma boa ideia. Em alguns dispositivos, seu texto pode não carregar
a fonte da forma adequada ou tornar a leitura mais difícil. Isso irá desencorajar
a compra imediatamente. Portanto, escolha fontes simples de ler e mais
tradicionais como as boas e clássicas “Arial” ou “Times New Roman”.
Checklist:
Uso fontes que facilitem a leitura;
Verifiquei se os textos estão aparecendo a forma correta (sem se sobrepor) quando
acessados em computadores;
Verifiquei se os textos estão sem se sobrepor e no tamanho adequado quando
acessados em celulares.
6
Criar o layout pensando nas menores telas
primeiro
99% dos usuários brasileiros utilizam o celular para acessar a internet. Desses,
58% usam exclusivamente esse aparelho. Esses são os motivos pelos quais você
precisa pensar sua Landing Page para as telas menores. Inclusive, foi verificado
que os sites otimizados para versão mobile podem aumentar a chance de
conversão em mais de 5%.
Dessa forma, todos os elementos da sua Landing Page devem ser testados para
validar sua funcionalidade nos celulares. Botões, telas adicionais, formulários,
textos e demais elementos. Faça de tudo para melhorar a experiência do
visitante.
Checklist:
Todos os elementos da LP aparecem na versão para celulares sem se sobrepor, na
ordem correta e no tamanho desejado;
Os botões da landing page na versão mobile estão levando o usuário à página
correta.
7
Cuidado com uso de animações
As animações podem causar um efeito positivo para seu cliente. No entanto,
talvez tornem-se um problema para a performance do seu site. Segundo a
Kissmetrics, metade dos usuários da internet esperam apenas 2 segundos o
carregamento de uma página.
Somado a isso, temos o fato de que a maioria dos brasileiros não têm acesso a
internet de qualidade.
Isso significa que os usuários dificilmente ficarão esperando enquanto as
animações da sua Landing Page carregam. Portanto, pense bem antes de
utilizá-las e, se decidir usá-las, faça com moderação.
Checklist:
As animações reforçam a proposta que estou apresentando;
As animações não demoram a carregar;
Não estou usando animações demais;
As animações são de curta duração;
As animações estão em um formato apropriado para web.
8
Uso estratégico das imagens
Todos os elementos da sua Landing Page devem ter uma função clara e
definida. Do contrário, são apenas ruídos que estão poluindo aquele espaço e
deveriam ser removidos. O mesmo vale para as imagens. Essas são elementos
muito importantes para serem utilizados como simples enfeites.
Assim, utilize imagens que imprimam confiabilidade no seu produto ou
aproximação com o seu público. Contudo, evite sobrecarregar sua página de
fotos.
Checklist:
As imagens reforçam a proposta que estou apresentando;
As imagens não demoram a carregar;
Não estou usando imagens demais;
As imagens estão no tamanho correto;
As imagens estão em um formato apropriado para web;
9
Psicologia das cores
Por mais incrível que pareça, as cores podem afetar nosso humor e até alguns
níveis da nossa consciência e subconsciência. Isso tanto é verdade que há um
ramo da psicologia para estudar esses efeitos. Chama-se psicologia das cores e
reúne conceitos de psicólogos famosos como Carl Jung e a teoria gestáltica.
Com efeito, essa teoria é muito utilizada no cinema e também no mercado.
Ela explica, por exemplo, a preferência dos restaurantes e grandes marcas de
comida pela cor vermelha. Da mesma forma, você também aplicá-la na sua
Landing Page como apoio emocional no momento de compra. Veja a seguir os
principais significados:
Vermelho Amarelo Verde Azul
• Mente e intelecto • Mente e intelecto • Sorte
• Criatividade • Criatividade • Natureza
• Positividade • Positividade • Prosperidade
• Curiosidade • Curiosidade • Harmonia
• Felicidade • Felicidade • Lealdade
• Clareza • Clareza
Laranja Roxo Preto Branco
• Otimismo • Arte • Pureza
• Emoção • Justiça • Paz
• Entusiasmo • Mistério • Limpeza
• Originalidade • Imaginação • Suavidade
• Liberdade • Espiritualidade • Simplicidade
Checklist:
Escolhi uma cor observando a teoria da psicologia das cores;
A cor escolhida está de acordo com a emoção que quero gerar no meu cliente;
Usei uma palheta de cores bem definida e estratégica;
10
A importância do White Space
Textos para internet devem ser como janelas de persianas abertas. Cheios de
espaços e vagas em branco. Essa estética facilita a leitura, não cansa o leitor e
facilita o destaque das informações mais importantes.
Esse mesmo princípio deve ser utilizado para a criação de Landing Pages.
Permita que haja espaços vazios entre textos, imagens e blocos de informações.
Esse design permite um “respiro” e é muito mais convidativo ao usuário, além
de destacar as informações importantes.
Checklist:
Minha Landing Page respeita os espaços de respiro entre os elementos;
Existem white spaces entre cada bloco de informação importante como textos,
imagens, animações, etc.
11
Checklist para Landing Pages de Alta Conversão
COPY
WRITING
Após o primeiro contato, é normal que o cliente avance na jornada
da compra e queira saber mais informações sobre o seu produto.
Para gerar um melhor impacto, esses detalhes devem estar bem
estruturados em uma boa copy.
Copy é um texto focado em conversão. Essa tem a função de
trabalhar o emocional e racional do visitante a fim de prepará-lo
para a ação, como a compra.
Título e subtítulo de impacto
Um bom título é o pontapé inicial de uma boa copy. Para criar um título
que convença o cliente a continuar lendo o texto, é necessário seguir alguns
conceitos básicos. O mais importante é transformar o título não em uma
simples introdução, mas em uma promessa.
Um bom Copy Title promete alcançar um objetivo de interesse do cliente. Essa
promessa será explicada no decorrer do texto e cumprida definitivamente com
o produto. Para gerar impacto, é necessário que seja curta e direta.
A seguir, conheça alguns títulos que fizeram sucesso:
“A Grande Retomada: Descubra como mudar a sua vida utilizando o poder da
internet”, O Novo Mercado;
“Maratona o negócio mais seguro da internet”, Peter Jordan;
“Método Venda Todo Santo Dia”, Leandro Ladeira;
“Sniper de Questões - O Método para Passar em Medicina no ENEM e
Vestibular”, Susana Ribeiro.
Checklist:
Meu título é curto e direto;
Não uso palavras difíceis ou longas no meu título;
Criei título e subtítulo baseado em uma promessa;
A promessa está voltada para uma “dor” dos meus clientes;
Meu subtítulo reforça a promessa que está no título ao explicá-la.
13
Atalhos mentais
Segundo uma pesquisa de Harvard, 95% das nossas decisões de compras são
tomadas inconscientemente. Baseado nessas teorias, surge o Neuromarketing,
a ciência que estuda os processos mentais de compra e, a partir dela, foram
reconhecidos os atalhos mentais.
Os atalhos mentais são estratégias utilizadas em marketing para “mexer” com
o subconsciente humano e motivar a compra. Dessa forma, uma boa copy deve
usar esses atalhos para facilitar a jornada de compra. Veja alguns dos atalhos
mentais que você pode usar:
Exclusividade: consiste em fazer o cliente se sentir especial por estar em um
grupo seleto. É utilizado em frases como “você irá participar de um seleto
grupo de alunos”;
Escassez: gerar a sensação no cliente de que esse está diante de uma
oportunidade limitada, como “essa será a última turma deste curso”;
Urgência: cobra uma decisão rápida do cliente. Por exemplo, “essa oferta é
válida apenas até hoje às 18h”;
Prova Social: validar seu produto por meio de clientes antigos. O mais poderoso
atalho são os depoimentos de clientes reais.
Esses são apenas alguns exemplos dos atalhos mentais mais utilizados e
validados no mercado.
Contudo, use os atalhos com sabedoria e ética. Seu cliente desconfia de
promessas muito mirabolantes. Também não voltará a comprar se perceber
que seu copy é enganação.
Checklist:
Utilizei atalhos mentais para criar a copy da minha Landing Page;
Não exagerei nos atalhos, fiquei naqueles que mais se adequa à minha proposta;
Não criei uma proposta mirabolante;
Meu produto entrega exatamente o que a minha copy promete.
14
Leitura clara, simples e fluída
Os textos escritos para internet devem ter uma estrutura diferente do que se
espera encontrar em um livro ou artigo acadêmico. A ideia central é que sejam
fáceis de ler e compreender. Para obter esses resultados, é necessário seguir
algumas regras de legibilidade.
Primeiramente, seja objetivo. Não “encha linguiça” na esperança de que textos
grandes vão impactar mais os clientes. Além disso, fuja de palavras difíceis e
termos complexos. Explique tudo da forma mais simples possível.
Além disso, opte por frases curtas de, no máximo, 20 palavras e parágrafos de 3
a 4 linhas. A regra do white space também vale para sua copy. Deixe seu texto
“ventilado” com espaços entre os parágrafos.
Sempre que possível, crie listas de bullet points e divida o texto em subtítulos.
Checklist:
Fui claro e direto na minha copy;
Não usei palavras difíceis na minha copy;
Usei exemplos para explicar minhas ideias;
Criei bullet points para facilitar a leitura;
Usei frases curtas (até 20 palavras);
Usei parágrafos curtos de (3 a 4 linhas);
Deixe white spaces nos meu texto;
Dividi minha copy em subtítulos.
15
Foco nos benefícios, em vez de funcionalidades
Se você vê propagandas de carros na TV, deve ter reparado como elas mudaram
ao longo do tempo. Antes, o foco estava nas características e funcionalidades
do motor. Hoje, vende-se um estilo de vida e mudança que aquele carro irá
proporcionar.
Destaque as principais mudanças e inovações que seu produto podem causar
na vida dos clientes. Organize-as em descrições curtas de uma ou duas linhas
e organize-as em uma lista. No entanto, não exagere na quantidade. Escolha
pontos realmente relevantes e que toquem na “dor” do seu cliente.
Checklist:
Minha copy foca nas vantagens que o produto gerará para o meu cliente;
Explico, de forma clara, como meu produto pode ajudar a vida do cliente;
Deixei os benefícios à vida do cliente bem claros na copy.
16
Call to Action
Em português, Call to Action (CTA) significa “chamar para ação”. Esse é o botão
que convida o usuário para a ação final dentro da Landing Page, ou seja, é o
botão que leva ao formulário de cadastro ou finalização de compra.
A CTA deve estar destacada dos outros elementos da página. Seja por meio do
tamanho da fonte, seja pelas cores. Para ter um maior impacto, deve reduzir
toda a proposta da copy em uma frase curta.
Como exemplo, podemos citar a CTA do curso “Sniper de Questões”, um curso
para vestibulandos que desejam passar em universidades concorridas. A chama
para ação utilizada é “Quero Passar”, que resume bem toda a proposta da
oferta.
Obrigatoriamente, o botão de CTA deve aparecer na primeira tela da sua
Landing Page. Em LPs maiores, é importante que esse recursos apareça outras
vezes. Isso evitará que o leitor saia da página sem concluir a ação por simples
esquecimento.
Checklist:
Criei uma CTA relacionado com a minha proposta;
Minha CTA é curta e direta;
Inseri a CTA durante a página em pontos estratégicos.
17
Checklist para Landing Pages de Alta Conversão
PERFOR
MANCE
8 segundos. Esse é o tempo máximo que dura a atenção de
uma pessoa durante uma visita a uma página da internet. Dessa
forma, esse é o tempo que você tem para convencer um usuário a
conhecer sua proposta. Cada segundo é precioso, então você não
pode perdê-los pela lentidão do carregamento da sua LP.
Responsividade do site
É comum entre os designers o desenvolvimento de Landing Pages
diretamente para computadores desktop. Só então, é que são criadas versões
para telas menores. Isso se torna um problema, pois o site pode apresentar
falhas ou ser uma resposta incompleta.
Dessa forma, para evitar problemas desse tipo, deve-se aplicar o conceito de
“mobile-first”. A ideia é priorizar o funcionamento das LPs nas telas menores. A
estratégia força o designer a aplicar funcionalidades que respondem bem em
celulares e terão bom desempenho em telas desktop.
Checklist:
Layout adaptado para uma experiência agradável no mobile;
Garanti que textos, imagens e outros elementos tenham as corretas proporções para
mobile e desktop.
19
Otimização de imagens
As imagens são os elementos que mais contribuem para a demora no
carregamento de uma página. Assim, é importante que você as use com
moderação. Utilize-as só em caso de real necessidade.
Além disso, é importante carregá-las no formato adequado. No Photoshop, por
exemplo, você pode ir em Arquivo > Salvar Para Web. Nessa tela você poderá
configurar corretamente a imagem para ela ser carregada mais rápido pelos
navegadores.
Inclusive, salve as imagens no tamanho que vão ser utilizadas. Nada de usar
uma imagem 1280x720 pixels se na página ela será reduzida para 512x288.
Checklist:
As estão imagens em formato apropriado para web;
Salvei as imagens no tamanho que irão ser realmente usadas.
20
Não esqueça da otimização SEO
A forma mais simples e barata de atrair clientes para a sua Landing Page é por
meio da otimização SEO. Essas são estratégias que permitem que a sua página
seja mais facilmente encontrada através de pesquisas em sites de busca.
Atualmente, o Google usa mais de 200 critérios para avaliar as páginas web.
No entanto, você não precisa se preocupar com todos esses. Existem alguns
critérios que são considerados mais importantes. Conheça-os agora:
Palavra-chave: é um termo utilizado pelo usuário para buscar informações nos
sites de busca, porém use-a de forma natural, pois o exagero o Google poderá
punir e reduzir o alcance da sua página.
URL: é o endereço que aparece na barra do navegador de internet. É preferível
que ele contenha a palavra-chave do seu texto.
Taxa de rejeição: mede quantas pessoas abriram a página e logo sairão. Isso
ajuda saber se o site está bem otimizado e se a parte inicial da sua copy está
convincente.
Alt-text: são pequenas descrições que acompanham as fotos no momento de
incluí-las no seu site. Servem como apoio aos sites de busca.
Checklist:
Utilizei a palavra-chave na minha copy de forma natural;
O URL destaca essa palavra-chave;
Criei pequenos textos alternativos para as imagens.
21
Formulários simples e objetivos
Se você acompanhou esse e-book até aqui, já deve ter percebido que a palavra
que o resume é simplicidade. Todas as estruturas de uma LP devem ser o
mais enxuta possível. Esse mesmo princípio vale para os formulários a serem
preenchidos pelos usuários.
Assim, um número muito grande de espaços a serem preenchidos em um
formulário farão o usuário abandonar sua Landing Page. Pouquíssimas pessoas
gastam mais de dois minutos preenchendo fichas de dados apenas para
receber um e-book, por exemplo.
Além disso, você precisa solicitar apenas dados realmente necessários. Do
contrário, você poderá ter problemas com a Lei Geral de Proteção de Dados.
Checklist:
Deixei o meu formulário o menor possível;
As perguntas são simples e curtas;
Solicito apenas informações realmente necessárias;
Coloquei um botão para consentimento do uso de dados dos usuários.
22
Acompanhar as estatísticas e realizar testes
A grande vantagem de vender pela internet é a quantidade de métricas e
taxas geradas durante a operação de venda. Com elas você poderá avaliar o
desempenho e realizar testes de otimização.
As principais métricas são:
• Taxa de conversão (conversion rate): quantidade de visitantes que
executaram a ação desejada na página;
• Taxa de rejeição (bounce rate): quantidade de visitantes que entraram na
página, mas saíram sem realizar qualquer ação;
• Taxa de saída (exit rate): número de usuário que interagiram com a página,
mas saíram sem realizar a ação desejada;
• Taxa de cliques (click through rate): número de cliques em um elemento
específico da sua página;
• Custo por lead (cost per lead): a razão entre a quantidade de dinheiro
investido na campanha e o número de conversões.
Esses números são os resultados da sua LP e poderão validar possíveis testes.
Checklist:
Conheço o significado das principais métricas da minha Landing Page;
Acompanho o painel de Analytics da minha página;
Estabeleci metas e, com base nessas, avalio quão boa está minha LP;
Faço alterações e testes com base nos resultados das métricas.
23
Checklist para Landing Pages de Alta Conversão
CHECKLIST
DA LP DE
ALTA
CONVERSÃO
Design
Uso fontes que facilitem a leitura
Verifiquei se os textos estão aparecendo a forma correta (sem se sobrepor) quando
acessados em computadores
Verifiquei se os textos estão sem se sobrepor e no tamanho adequado quando
acessados em celulares
Todos os elementos da LP aparecem na versão para celulares sem se sobrepor, na
ordem correta e no tamanho desejado
Os botões da landing page na versão mobile estão levando o usuário à página
correta
As animações reforçam a proposta que estou apresentando
As animações não demoram a carregar
Não estou usando animações demais
As animações são de curta duração
As animações estão em um formato apropriado para web
As imagens reforçam a proposta que estou apresentando
As imagens não demoram a carregar
Não estou usando imagens demais
As imagens estão no tamanho correto
As imagens estão em um formato apropriado para web
Escolhi uma cor com base na teoria de psicologia das cores
A cor escolhida está de acordo com a emoção que quero gerar no meu cliente
Usei uma palheta de cores bem definida e estratégica
Minha Landing Page respeita os espaços de respiro entre os elementos
Existem white spaces entre cada bloco de informação importante
25
Copy
Meu título é curto e direto
Não uso palavras difíceis ou longas no meu título
Criei título e subtítulo baseado em uma promessa
A promessa está voltada para uma “dor” dos meus clientes
Meu subtítulo reforça a promessa que está no título ao explicá-la
Utilizei atalhos mentais para criar a copy da minha Landing Page
Não exagerei nos atalhos, fiquei naqueles que mais se adequa à minha proposta
Não criei uma proposta mirabolante
Meu produto entrega exatamente o que a minha copy promete
Fui claro e direto na minha copy
Não usei palavras difíceis na minha copy
Usei exemplos para explicar minhas ideias
Criei bullet points para facilitar a leitura
Usei frases curtas (até 20 palavras)
Usei parágrafos curtos de (3 a 4 linhas)
Deixe white spaces nos meu texto
Dividi minha copy em subtítulos
Minha copy foca nas vantagens que o produto gerará para o meu cliente
Explico, de forma clara, como meu produto pode ajudar a vida do cliente
Deixei os benefícios à vida do cliente bem claros na copy
Criei uma CTA relaciona com a minha proposta
Minha CTA é curta e direta
Inseri a CTA durante a página em pontos estratégicos
26
Performance
Layout adaptado para uma experiência agradável no mobile
Garanti que textos, imagens e outros elementos tenham as corretas proporções para
mobile e desktop
As imagens estão em formato apropriado para web
Salvei as imagens no tamanho que irão ser realmente usadas
Utilizei a palavra-chave na minha copy de forma natural
O URL destaca essa palavra-chave
Criei pequenos textos alternativos para as imagens
Deixei o meu formulário o menor possível
As perguntas são simples e curtas
Solicito apenas informações realmente necessárias
Coloquei um botão para consentimento do uso de dados dos usuários
Conheço o significado das principais métricas da minha Landing Page
Acompanho o painel de Analytics da minha página
Estabeleci metas e, com base nessas, avalio quão boa está minha LP
Faço alterações e testes com base nos resultados das métricas
27
Checklist para Landing Pages de Alta Conversão
CRIANDO
LANDING
PAGES
PROFISSI
ONAIS
Acha que vai ser difícil ou muito demorado para aplicar toda essa checklist?
Deixe-me te contar um segredo:
Muitos designers e empreendedores digitais estão utilizando a Great Pages
para criar Landing Pages poderosas, que são absurdamente rápidas e
otimizadas, em apenas minutos e sem precisar saber programação.
Tudo que você aprendeu aqui, a plataforma faz por você ou é extremamente
simples de configurar.
Dentro do software, você cria uma LP sem precisar digitar uma linha de código
através da tecnologia pixel a pixel que permite customizar tudo na sua página,
além doeatpages.com.br/cadas layouts personalizáveis por setor e caso de uso.
Aliás, a plataforma fará praticamente todas as otimizações para você: recorte de
imagens (nada de configuração manual no Photoshop!), SEO, versão mobile,
configuração de CDN, SSL (proteção) e muito mais.
Em minutos você terá uma Landing Page absurdamente poderosa, rápida e
publicada. Sem ter que escrever uma linha de código.
Quer começar a vender seus produtos/serviços e ter sucesso? Então, aproveite
uma semana grátis e experimente todos os recursos!
Eu quero criar Landing Page
Começar Agora!
29
©GreatPages 2021. Todos os direitos reservados.
CNPJ: 21.206.905/0001-92 Balneário Camboriú / SC