CATEGORIAS

35 Lindos Designs de Landing Pages para Ficar Babando [Com Críticas]

postillustration

Uma landing page com design profissional pode melhorar suas taxas de conversão.

 

O foco desta postagem é apresentar landing pages incríveis, para inspirar o seu próximo design. Vale a pena lembrar que nenhuma página é perfeita – ou, melhor dizendo, toda página pode ser melhor. Com isso em mente, daremos uma perspectiva sobre o que torna cada página especial ou interessante, ao mesmo tempo em que apresentamos algumas ideias sobre o que testaríamos em um teste A/B buscando uma otimização que aumente as conversões.

Mas o que torna o design de uma landing page eficaz?

Existem muitos fatores, mas o principal é a adesão às regras fundamentais do design centrado em conversão:

  • Utilize afirmações de valor claras e concisas, de maneira que os visitantes entendam imediatamente o propósito da página.
  • Foque toda a página em uma única mensagem, com uma única chamada para ação (CTA).
  • Utilize regras de design para conversão para destacar seu CTA (espaço em branco, cor, contraste, dicas direcionais).
  • Quando utilizar um formulário para coletar dados, equilibre a quantidade de informação exigida com o valor do item dado em troca (relatório, e-book, etc.).
  • Utilize janelas modais (lightboxes) para apresentar informação suplementar (termos e condições, política de privacidade, detalhes do produto), ao invés de mandar os visitantes para o seu website (o que os desloca do caminho de conversão que você deseja).
  • E muito mais, falarei nos exemplos abaixo…

Nota: Todas essas landing pages foram feitas utilizando o Editor de Landing Pages da Unbounce – uhuuul! Muito obrigado aos clientes que permitiram que suas páginas fossem mostradas aqui. Aproveitem!

Nesta postagem faremos algo diferente. Teremos 2 pessoas criticando as páginas. Oli Gardner falará de algumas e Carlos Del Rio fará a crítica das demais.

1. Manpacks – Design Orientado para Sedução

Crítica por: Oli

Do que eu gosto

  • É sexy: Resposta previsível? Sim, com certeza. Esse é o ponto.
  • Validação: Eles vão direto ao assunto, mostrando as publicações famosas que apresentaram a empresa. Em relação ao design, o cinza monocromático evita uma bagunça de cores que possa tirar a atenção da chamada para ação (CTA).
  • Proposições de valor: O conteúdo principal da página responde duas perguntas simples: “O que é isso?” e “E qual a importância para mim?”.
  • Testemunhos: O segundo é um dos mais engraçados que já li. Socks as a Service (Meias como Serviço) – genial.
  • Remoção da dúvida: O subtexto abaixo do CTA diminui a percepção de risco, o que pode aumentar a taxa de click-through (CTR).

Coisas que eu mudaria ou colocaria a teste

  • Slogan: Para esclarecer mais rapidamente qual é o propósito da página, eu colocaria um slogan sucinto abaixo do logotipo.
  • Título principal (proposição de valor principal): Existem diversas maneiras de utilizar um título: A) utilize uma afirmação muito clara do que você está oferecendo para permitir que entendam o propósito da página ou B) convença o visitante a querer continuar lendo, utilizando um título sedutor. Eles utilizaram a opção B aqui, aparentemente numa tentativa de chamar sua atenção e aumentar a curiosidade (ou estimular algo em particular). Como teste, eu tentaria a abordagem A e deixaria bem claro logo de começo o que é a Manpacks (isso realmente poderia ser melhor trabalhado no slogan para ajudar no teste de cinco segundos).

Site*: www.manpacks.com

O exemplo abaixo mostra uma página alternativa que criaram, aparentemente, para falar com um segmento diferente ou criar um gatilho emocional diferente.

2. FluidSurveys – Reis do Contraste

Crítica por: Oli

Do que eu gosto

  • Proposta de valor clara: O título é muito simples e não deixa dúvidas sobre o propósito da página e do produto. E está muito bem amparado pela explicação bem escrita dos principais benefícios, logo abaixo.
  • Testemunhos destacados: O destaque pincelado dos testemunhos fornece um certo estilo e evita que a página pareça abarrotada de textos.
  • Contraste: Eles escolheram duas boas cores contrastantes para destacar elementos importantes. O rótulo “free” (gratuito) e o formulário do CTA.
  • Contexto de uso: A escolha de imagens possibilita a compreensão de que o produto pode produzir enquetes para uso em dispositivos móveis.
  • Validação: Assim como no exemplo acima, eles passam uma forte sensação de segurança ao incluir um grupo de logos.

Coisas que eu mudaria ou colocaria a teste

  • Remover a navegação do rodapé: Qualquer navegação aleatória na landing page pode levar seus visitantes para o caminho errado. Eu recomendaria a remoção da navegação no rodapé para simplificar as escolhas disponíveis.
  • Explique os logotipos: Adicione um pequeno rótulo (como no exemplo 1) para explicar que são logos de clientes (ou sites que apresentaram/escreveram sobre o produto).

Site*: FluidSurveys.com

3. Golden Sands – Vendendo com suavidade

Crítica por: Oli

Do que eu gosto

  • Experiência: Imediatamente, eles me fazem querer sair de férias e ficar em um hotel chique. Os travesseiros literalmente estão vendendo o produto suavemente.
  • Preço: Um ponto importante sobre uma viagem é o preço, e eles tiram essa questão do caminho diretamente, assim você pode seguir para os detalhes mais específicos sabendo se consegue pagar ou não. #inteligente
  • Endosso: O certificado de excelência do Trip Advisor informa ao visitante que uma autoridade reconhecida validou a empresa.

Coisas que eu mudaria ou colocaria a teste

  • O formulário do cabeçalho: Registre-se agora? Para quê? Não fica claro para o que você está se registrando – pensei que fosse um site de viagens, mas aparentemente tenho que me registrar para algo. Esclareça o motivo para as pessoas preencherem seu formulário.
  • Proposta única de valor: Não há uma afirmação clara do que é a página ou do que você vai conseguir. Eu tentaria mover os logotipos dos hotéis para o topo e adicionaria uma afirmação forte.
  • Testemunhos: Os testemunhos apresentados são anônimos, o que reduz o impacto deles (pois poderiam ter sido inventados). Sempre peça permissão para usar testemunhos e inclua o nome da pessoa que o forneceu para gerar pontos extras de confiança.
  • Exclusivo: Existe a menção de um convite prévio exclusivo, mas ele não explica para o que você está sendo convidado. Eu também daria mais destaque a isso, se esse for um ponto de vendas importante – talvez utilizando algumas dicas visuais que atraiam os olhos do leitor.

Site*: GoldenSandsExperience.com

4. The Sharp Firm – Um CTA consistente

Crítica por: Oli

Do que eu gosto

  • CTA consistente: As chamadas para ação nesta página são combinadas de duas maneiras. Elas têm a mesma mensagem e a mesma cor, assim você é avisado de que deve prestar atenção nessas áreas. Pontos de bônus por não dizer “registre-se” no botão do formulário.
  • Uso de vídeo: Existem dois vídeos que ajudam a construir um diálogo franco e aberto com o visitante logo de cara. Primeiro, você pode aprender sobre a empresa e depois, eles apresentam vídeos com testemunhos reais de clientes – muito mais eficaz do que citações escritas.
  • Clareza: Nenhuma empresa quer ser contatada sobre algo que não faz. Ao listar os serviços que oferecem, eles garantem que apenas as pessoas certas entrarão em contato.

Coisas que eu mudaria ou colocaria a teste

Honestamente, essa página é ótima – eu mudaria muito pouco.

  • Propósito do contato: Eu não costumo recomendar que um formulário seja mais longo; porém, seria útil colocar uma lista suspensa contendo o propósito da consulta. Isso ajudaria na comunicação (permitindo a avaliação das necessidades de seus prospectos, de uma maneira mais simples).

Site*: GoldenSandsExperience.com
Design por: http://www.nuartisan.net

5. GreenLighted – Inovador

Crítica por: Oli

Do que eu gosto

  • A aparência é incrível! Sim, eu sei que páginas feias convertem bem também, mas o design desta página faz com que eu queira ficar olhando para ela e descobrir o que fazem.
  • Aglomeração visual: A página é muito bem dividida verticalmente, auxiliando o consumo da informação.

Coisas que eu mudaria ou colocaria a teste

  • O que é isso? Eu tenho um entendimento básico sobre qual é o propósito da companhia, mas gostaria de uma explicação mais detalhada. Para impedir que o excesso de texto atravanque a página, ele poderia ser aberto em uma lightbox. Melhor ainda, adicione um vídeo explicando o que é, como funciona e como se registrar.
  • Para quem é isso? Deixe claro para qual grupo de clientes a página é destinada. Se eu não souber que é para mim, não vou me registrar.
  • Compartilhamento social pós-conversão: É bom ser capaz de observar os canais sociais da empresa – especialmente se ela é nova. No entanto, seria bom tentar colocar isso na página de confirmação do formulário, assim você pedirá a alguém que já está interessado na página para compartilhá-la.

Site*: Greenlighted.com

6. Cheezburger – I Can Has be Funny?

Crítica por: Oli

Do que eu gosto

  • Cheezburgers!!!!! Na verdade eu odeio cheeseburguer de verdade (não posso comer queijo). Fora isso, eu acho incrível que a família Cheezburger esteja usando a Unbounce.
  • Aglomeração de conteúdo: Assim como no exemplo anterior, a página está dividida verticalmente facilitando a compreensão. Eles o ajudam a voltar ao topo (já que é uma página longa) com os clássicos links “^top” (topo) no fim de cada setor.
  • Forte clareza na proposição de valor: O título é simples e convidativo, o bloco de conteúdo secundário explica em termos simples que você pode criar um site gratuito.
  • Repetição do CTA: É absolutamente necessário em uma landing page longa. Aqui, eles repetem o CTA (o botão amarelo) em 3 sessões para continuar a incentivá-lo a se registrar (isso funciona porque você não sabe qual parte do conteúdo disparará a resposta de “registrar-se” e ter o CTA bem ali ajudará nas conversões).

Coisas que eu mudaria ou colocaria a teste

Nada.

Site*: Cheezburger.com

7. ReadItForMe – Mostre-me o CTA

Crítica por: Oli

Do que eu gosto

  • Grande endossamento: Ter testemunhos de grandes nomes como Zappos e o grande autor de negócios Daniel Pink lhe dá credibilidade instantânea.
  • Bom uso do destaque: Algumas cartas de vendas antigas realmente exageravam na caneta marca texto amarela – mas, aqui, temos um bom uso que chama a atenção para os benefícios principais.
  • Quebra no Design: Embora um pouco mais abaixo na página – a faixa estendida faz com que você pare e direcione sua atenção para o CTA de registro. Este tipo de quebra no design é uma maneira excelente de atrair a atenção.

Coisas que eu mudaria ou colocaria a teste

  • Suba a faixa: Coloque o formulário acima da dobra.
  • Lista de livros: Tenha um PDF (ou outro formato) com uma lista completa de livros disponíveis atualmente, para dar às pessoas razões para que se registrem – e coloque-o ao lado do formulário.

Site*: Get.ReadItFor.me/Launch

8. Smart Rewards – Limpo, Novo e Simples

Crítica por: Oli

Do que eu gosto

  • Slogan descritivo: O slogan ao lado do logo deixa bem claro qual é o conceito.
  • Design limpo: O uso de espaços em branco torna a página fácil de ler.
  • Um CTA muito claro: É bem óbvio o que você deve fazer e o uso de contrastes mostra em segundos onde o CTA está.

Coisas que eu mudaria ou colocaria a teste

  • Política de privacidade: Inclua uma política de privacidade quando pedir por um endereço de e-mail. Especialmente ao utilizar o Google Adwords, pois eles podem banir sua conta, caso não tenha uma. Coloque bem ao lado do campo de e-mail com uma afirmação anti-spam.
  • Tópicos: Há muito texto – tente quebrá-los com alguns subtítulos ou tópicos explicando os benefícios principais.

Site*: ShareAndTell.com

9. Crikey! – Movido pelos Benefícios

Crítica por: Oli

Do que eu gosto

  • Começa com um estouro: Crikey está certa! O grande título diz imediatamente que você receberá um período de teste gratuito, ajudando a aumentar a isenção de riscos.
  • Simplicidade: O título secundário diz o que você receberá e os três tópicos de benefícios estão totalmente claros.
  • Prova social: Os testemunhos (um é de um grande nome) permitem que você saiba que isso, provavelmente, vale a pena.

Coisas que eu mudaria ou colocaria a teste

  • Preço: Uma barreira é a falta de preço. Se você vai esconder o custo (depois do teste) – eu colocaria uma afirmação de confiança, próximo do formulário de registro, esclarecendo que a pessoa pode cancelar a qualquer momento.
  • Política de privacidade: Como no exemplo acima, eu faria o link para uma página lightbox contendo sua política de privacidade e o colocaria na área do formulário.

Site*: Crikey.com.au

10. Echodemic – Vendendo uma Promessa

Crítica por: Oli

Do que eu gosto

  • Declaração de abertura: A frase de abertura descreve perfeitamente a oferta de forma sucinta.
  • Prova social: O número expressivo de seguidores no Facebook dá credibilidade, saber como conquistar seguidores é exatamente o que eles estão vendendo.
  • Honestidade: O custo está claro, assim você pode medir o custo-benefício de aumentar o alcance de sua marca.
  • Método de contato claro: O número de telefone gigante aumenta o fator confiança e informa a possibilidade de falar com pessoas reais.

Coisas que eu mudaria ou colocaria a teste

  • Mova o formulário: Coloque o formulário acima dos logos das marcas.
  • O relacionamento com esses logos: Eles são apenas nomes de hotéis para ajudá-lo a entender o que faz a página? Ou eles são clientes reais? Torne isso mais claro com um título, caso sejam clientes.

Site*: Echodemic.com

11. H. Bloom – Repetição Profissional

Crítica por: Oli

Do que eu gosto

  • Repetição do CTA: Sendo uma página longa, eles estão utilizando a prática inteligente de repetir o CTA ao longo dela.
  • Prévia: O preço baixo junto ao envio gratuito situado próximo ao CTA é uma boa maneira de encorajar os cliques.
  • Dividido em seções: Cada seção do site é praticamente uma pequena landing page por si só, com título, propósito, um CTA e muitas provas sociais com a menção de logos de clientes e da mídia.

Coisas que eu mudaria ou colocaria a teste

  • Versão curta: Eu gosto muito da versão atual, mas seria interessante ver apenas a parte superior utilizada sozinha.

Site*: HBloom.com

12. Wistia – Marketing de Conteúdo Feito da Maneira Correta

Crítica por: Oli

Do que eu gosto

  • Foco nos benefícios: Eles fazem um ótimo trabalho vendendo os motivos para você fornecer seu email.
  • O tamanho do prêmio: Neste caso, estão dando uma tonelada de prêmios em troca de apenas um campo de formulário – um ótimo negócio.

Coisas que eu mudaria ou colocaria a teste

  • Título claro: O foco é o recebimento de um manual de vídeo marketing, mas com o design divertido do título, fica difícil de ler e as palavras se perdem.
  • Política de privacidade: Se você estava lendo desde o começo, já entendeu minha opinião aqui.
  • Prévia: Gere mais confiança e estimulação mostrando uma pequena prévia de um dos vídeos.

Site*: Wistia.com

13. Zipongo – Comida Fresca!

Crítica por: Oli

Do que eu gosto

  • Frescor: O design (fotografia, claridade e paleta de cores) realmente exemplificam o frescor aqui.
  • CTA enorme: O que devo fazer nessa página? É óbvio, não? Como deve ser.
  • Benefício claro e grande: O desconto de 50-90% evidencia o motivo para você se importar.

Coisas que eu mudaria ou colocaria a teste

  • Título: Utilize a palavra comida! Torne super-ultra óbvio.
  • Unbounce: Mande para nós alguns alimentos frescos! :)

Site*: Zipongo.com

14. Tapptics – Ênfase no Design

Crítica por: Oli

Do que eu gosto

  • Beber do próprio remédio: Tudo que eles oferecem é relacionado a design, qual seria a melhor maneira de vender isso, senão com um belo design?
  • Sentido de urgência: Utilizar clássicos como “oferta por tempo limitado” pode aumentar o sentido de urgência e por consequência as conversões. Todo mundo ama um bom negócio.
  • Divulgação completa: Todo o conteúdo do kit de design é mostrado de maneira que você saiba exatamente o que receberá. Sem ilusões aqui.
  • É pessoal: Ao incluir uma foto da família do designer, eles adicionaram um aspecto mais humano que pode aumentar a confiança.
  • Inclui um vídeo: (A figura de palitinho) Demonstrando o que você receberá.
  • Chat ao vivo: Você pode conversar diretamente com Jen, uma ótima maneira de ter suas perguntas respondidas (você pode gerar um teste A/B, assim que souber onde as confusões/indecisões estão).

Coisas que eu mudaria ou colocaria a teste

  • Posição do Chat: Eu colocaria o widget do chat ao vivo direto no ponto de conversão – para que os indecisos sobre a compra encontrem um canal de suporte bem ali.

Site*: Tapptics.com

15. Tube Mogul – Comece Aqui

Crítica por: Oli

Do que eu gosto

  • Dicas direcionais: O uso de setas guia as pessoas na interação com a página.
  • Confiança: Logos de clientes permitem que você saiba que este é um produto confiável.
  • Demonstração de características: Capturas de tela apresentam o que você vai receber.

Coisas que eu mudaria ou colocaria a teste

  • Vídeo! Quando oferecer soluções para vídeos, você realmente deveria utilizar um vídeo para demonstrar do que se trata seu produto. Tsc, tsc.
  • Texto no botão: Torne-o muito explícito. Você está fazendo o download de quê? A única maneira de saber é lendo o texto pequeno sobre a área do formulário. Repita isso claramente no botão.

Site*: TubeMogul.com

16. Startup Weekend – Assinatura de Newsletter

Crítica por: Carlos

Do que eu gosto

  • Limpo: É muito fácil de ler. O fundo branco com cabeçalhos laranjas e o corpo do texto em preto se destacam, e a ação é facilmente visualizada.
  • Ênfase: A Startup Weekend, com certeza, recebeu o memorando que diz que negrito é uma boa forma de atrair atenção para informações importantes.
  • Prova: Empresas reais começaram na Startup Weekend.

Coisas que eu mudaria ou colocaria a teste

  • Equalize as listas: Muito de uma coisa boa é uma coisa ruim; o primeiro parágrafo tem muito negrito. O primeiro parágrafo provavelmente seria melhor como uma lista. Caso se afaste do conteúdo, verá que o negrito está exagerado.

Site*: StartupWeekend.org

17. Vídeo Storytelling – Download de Ebook

Crítica por: Carlos

Do que eu gosto

  • Direto ao Ponto: O título é informativo e leva direto para a ação.
  • Qual é o Valor: É importante informar que você está oferecendo algo que tem valor. Se você dá algo, de graça, as pessoas não necessariamente pensarão no custo de comprar o que você está dando.
  • Função: “About the E-book” (Sobre o Ebook) tem uma descrição curta do conteúdo do livro, assim os visitantes sabem o que receberão.

Coisas que eu mudaria ou colocaria a teste

  • Ordem: Com certeza, eu testaria a presença de um “Escrito por” logo abaixo da ação. Isso faz com que o ebook tenha mais importância que os autores, mas ainda oferece os autores como fator de confiança no ponto de ação.
  • Benefícios: Como isso beneficia o visitante? Tente fazer o ” Create Video the Right Way ” (Crie um Vídeo da Maneira Certa) estar mais relacionado com formas de se conectar com as pessoas que estão assistindo ou com quais sentimentos a ONG precisa gerar. ONGs dependem especialmente de conexões humanas e emocionais, se você está tentando se comunicar com elas, você precisa se relacionar a algum benefício humano.
  • Socos 1-2: Eu tentaria fazer a página ainda mais curta. Ao invés de três linhas, eu transformaria a segunda linha em duas colunas: uma com a função e outra com os benefícios.

Site*: Causevox.com

18. Huli Health – Processo Explicado

Crítica por: Carlos

Do que eu gosto

  • Contagem: Bom uso de números. Esta página deixa bem claro como é o processo.
  • Grande Mídia: As referências à grande cobertura midiática são um poderoso fator de confiança.
  • Jogo da Combinação: O conteúdo e as imagens estão muito bem organizadas aqui. Busca, Dentista, Agendamento, Viagem e Avaliação estão claramente apresentados.

Coisas que eu mudaria ou colocaria a teste

  • Ordem: Eu, definitivamente, testaria colocar a lista ordenada acima da ação.
  • Confiança e Ação: Eu também testaria colocar os principais logotipos de mídia logo antes de perguntar pela ação. Mostrar ao visitante que você é de confiança e legítimo, antes de perguntar qualquer coisa, é um bom jeito de maximizar as taxas de resposta.

Site*: HuliHealth.com

19. Blabcake – Organizando o Palco

Crítica por: Carlos

Do que eu gosto

  • Simples: Título claro, que diz ao leitor onde ele está.
  • Botão Benfeito: A ação está ligada ao desejo de ser notificado quando o lançamento ocorrer.
  • Suporte: Este é uma boa chamada para ação secundária. Normalmente, eu evito chamadas secundárias, mas este é um uso apropriado de links sociais externos para permitir que as pessoas decidam como querem ser notificadas.
  • Oli: Eu amo o design visual desta página – como uma página de “em breve”, as cortinas do palco se abrindo me lembram o teatro do meu pai. Eu tenho muito respeito por empresas que começam sua jornada com um desejo consciente de fornecer excelência através de múltiplos canais (design, UX, usabilidade) – todos os quais levam a conversões.

Coisas que eu mudaria ou colocaria a teste

  • Texto: Todos os subtítulos geram o questionamento: “Como?”. Tente utilizar algumas descrições de função que acompanham os benefícios apresentados nos subtítulos.
  • Ícones: O ícone mágico está perfeito. Os outros dois são boas chances de testar maneiras diferentes de expressar planos futuros. Tente mostrar os personagens utilizando os respectivos aparelhos, ou agindo de maneira relacionada ao uso do produto.
  • Compartilhamento: Teste uma chamada para ação secundária para mandar essa página para um amigo ou compartilhá-la no Twitter ou Facebook, ao invés de apenas segui-la (mais orientado para ação do que passivo).

Site*: BlabCake.com

20. Polytown – Uma Experiência Guiada

Crítica por: Carlos

Do que eu gosto

  • Rápido: Uma pré-venda, uma oferta e uma ação, todas no primeiro plano.
  • Tempo: A oferta tem tempo limitado, o que adiciona urgência.
  • Direto ao Ponto: Cada elemento, literalmente, aponta para o próximo passo.

Coisas que eu mudaria ou colocaria a teste

  • Fechamento: Eu tentaria inverter as ações, colocando a ação de comprar no topo e o registro para receber uma versão gratuita embaixo – para dar ênfase na parte comercial.

Site*: Polytown.co.li

21. Demandforce – Tour de Marketing

Crítica por: Carlos e Oli

Do que eu gosto

  • Como visto na…: Bem no topo está um testemunho que descreve um benefício e associa o produto com uma autoridade externa, e então sustenta a afirmação com uma ótima citação da empresa mostrando como ela gerou mais renda (quem não gosta disso!?) – Eles tem até uma avaliação da Amazon :)
  • Quota de mercado: Parece que eles já têm uma quota de mercado de 30% – invista.
  • Demonstração: Amo as imagens que mostram a aparência de emails e textos.

Coisas que eu mudaria ou colocaria a teste

  • Formulário grande: Há apenas dois campos necessários, não faça com que o visitante sinta como se estivesse trabalhando pesado para conseguir a informação. Diminua para apenas o nome e número de telefone. E não comece a conversa com “Preencha esse formulário ”, é o mesmo que entrar numa loja de roupas, o vendedor dizer para você experimentar as roupas e depois comprá-las. Seduza, até utilize coação, mas não instrua.
  • Chamada para ação: Caso o visitante não queira muito se registrar, provavelmente responderá melhor a um “Peça um tour” ou “Comece Agora”.
  • Rodapé: Os links no rodapé, fora os termos de privacidade, são apenas distrações. Livre-se de todos os vazamentos possíveis para manter as conversões altas.

Site*: Demandforce.com

22. Adzerk – Verde para Seguir em Frente

Crítica por: Carlos

Do que eu gosto

  • Apresentação Clássica: Azul e branco são esquemas de cores clássicos para empresas.
  • Diga de novo e de novo: A página começa e termina com o mesmo desafio (registro em 16 segundos).
  • Icônico: Bom uso de ícones, eles ajudam a manter o conteúdo mais enxuto.

Coisas que eu mudaria ou colocaria a teste

  • Botões Importantes: As cores dos botões são de tons azuis muito similares. Caso queira que seus botões tenham destaque, você precisa fazer um contraste com as cores do tema.
  • Benefícios: Eu já tinha passado pela maior parte da página quando pude responder a pergunta “porque eu gostaria de ter isso?”. Tente mover seus benefícios, como o 5¢ de CPM, mais para cima, próximo ao botão do CTA.

Site*: Adzerk.com

23. Boost Your Search – Auditoria gratuita

Crítica por: Carlos

Do que eu gosto

  • ROBÔS: Gostamos de robôs.
  • Faça algo importante: Boa linguagem visual nos preços. Há uma comunicação visual clara sobre qual é a melhor opção.
  • Mostre-me os números: Bom uso de estatística e comunicação clara dos custos.

Coisas que eu mudaria ou colocaria a teste

  • Suporte: Citar as fontes (estatísticas e testemunhos) mostra que você não inventou os dados para fazer a venda.
  • Atenha-se a suas armas: Escolha uma ação e atenha-se a ela. Em um caso como esse, leads por e-mail não são tão valiosos quanto o cliente.
  • Faça duas páginas: Diferencie a ação “Auditoria Gratuita” e “Plano Pago” em duas landing pages separadas, de maneira que possa segmentar o tráfego de canais como PPC.

24. Knovio – Não É Exigido Talento

Crítica por: Carlos

Do que eu gosto

  • Botões grandes: Os botões são arrojados.
  • Valor claro: Os tópicos têm indicações de valor claras.
  • Vídeo: O uso de vídeo para demonstrar o vídeo é perfeito e o título do vídeo é informativo, mesmo que você não o assista.

Coisas que eu mudaria ou colocaria a teste

  • Escolha sua briga: Há seis ações nesta página – três sociais e três botões de CTA. Há tantos elementos ótimos nessa página, ao invés de ter o botão “take the tour” (faça o tour), torne o tour um elemento do vídeo.
  • Mantenha a Simplicidade: Reduza o número de ações em potencial. Embora essa seja uma ferramenta construída em um software mais robusto, deixe que essa página leve os visitantes até a versão gratuita e use outras páginas para fazer upgrade do usuário.

Site*: Knovio.com

25. Oil & Gas Investing – Focado no Formulário

Crítica por: Carlos

Do que eu gosto

  • Direto ao Ponto: A ação está bem no topo.
  • Ação de Apoio: Um CTA secundário de apoio, ligue para nós ou faça o download. Eu costumo ser contra chamadas secundárias, mas como este é um item caro, o telefone pode ser mais importante.
  • Escaneável: Subtítulos claros tornam a página de fácil entendimento, mesmo sem ler cada parte do texto.

Coisas que eu mudaria ou colocaria a teste

  • Desencontro: O bloco Oil & Gas Industry (Indústria de óleo e gás) tem um desencontro visual; nenhum desses logos se relaciona a óleo e gás. Mude as imagens ou o título.
  • Finalize com tudo: Teste colocar um CTA embaixo também, seja lá qual for a ação primária, provavelmente o número de telefone.

Site*: USOilInvestments.info

26. Menucopia – Ótimo Pré-lançamento

Crítica por: Carlos

Do que eu gosto

  • Icônico: Ótimo item no começo. Se ele combinar com seu avatar nas mídias sociais, você ganha pontos extras.
  • Minimalista: Designs abertos simples dão, a seu conteúdo, espaço para respirar.
  • Um e pronto: Uma ação simples. Acho que estou apaixonado por você, Menucopia.

Coisas que eu mudaria ou colocaria a teste

  • Chamada para Ação: Esse botão precisa de uma ação mais chamativa: Assine, Entre na Lista, Seja o Primeiro. Sua chamada para ação deve ser da perspectiva do usuário e você deve ser capaz de adicionar “eu quero” antes do texto do botão.
  • Prova Social: Teste logotipos sociais na seção de benefícios. Não se limite a dizer para as pessoas se integrarem na mídia social, mostre-as o logo.
  • Mais Contraste: O texto em azul deve ser mais escuro para que a leitura seja melhor, e o texto do botão deve ser mais visível.

Site*: Signup.Menucopia.com

27. Eureka Report – Com um Presente Bônus

Crítica por: Carlos

Do que eu gosto

  • Vermelho, Branco e Preto: O esquema de cores é clássico e confiável; isso é claramente orientado para negócios.
  • Bum! CTA: O CTA é descritivo, baseado em valor, e logo no início.
  • Combinação de Imagens: A mensagem e as imagens estão bem combinadas, revista Time.

Coisas que eu mudaria ou colocaria a teste

  • O quê? O produto, Eureka Report, é sobrepujado pelo incentivo. Vou receber a Eureka Report ou a revista Time? Arranje a hierarquia para que fique claro qual é o propósito da página. Tente trocar as posições do bloco “10 razões” com o bloco do formulário.
  • Top X: Ainda que listas do tipo Top 10 sejam populares, listas menores têm mais efeito e ficam na memória. Teste com 5 ou 7 itens, você terá mais espaço para brincar!
  • Localização do Incentivo: Teste colocar “Termina à Meia-Noite” próximo ao formulário no lugar do relógio. Lembre-os no momento em que estão agindo do motivo para fazerem isso.

Site*: EurekaReport.com.au

Mostra de Designs – Digital Telepathy

Os demais exemplos de design apresentados foram feitos por nossa parceira premium Digital Telepathy. Em primeiro lugar está a página que mostra seu serviço de design de landing pages e banners IMPRESS e depois uma série de páginas que eles fizeram para clientes da Unbounce.

28. IMPRESS Landing Page Design

Crítica por: Oli

Do que eu gosto

  • Design contemporâneo: Eles misturam um belo design moderno com uma interação de navegação moderna. Ao invés de um microsite, a navegação transita mais para baixo em direção à próxima sessão da página.
  • Landing pages separadas: Cada seção (ou página interna) funciona como uma landing page em si, com um título forte, um belo design da descrição do propósito e chamada para ação.
  • Endossado por grandes nomes: Nomes famosos no meio são utilizados para fornecer evidências de sua capacidade de fazer um trabalho de qualidade.

Coisas que eu mudaria ou colocaria a teste

  • Navegação difícil de encontrar: A navegação para levá-los à próxima seção está escondida no lado esquerdo da página e pode ser facilmente ignorada, deixando o visitante sem saber como descer a página. Eu prefiro ver uma navegação superior tradicional que faz o mesmo efeito suave de navegação para cada sessão com um link “de volta ao topo” para voltar a área do cabeçalho.

Site*: IMPRESS

29. SlideDeck Pro

Crítica por: Oli

Do que eu gosto

  • O título: Ótimo para descrever a demografia – designers. Fica claro que, caso você seja um designer, está no lugar certo.
  • CTA descritivo: O botão descreve o que você recebe e quanto isso lhe custará.
  • Demonstração: Eles têm uma ótima demonstração modal do que é a slidebar, mostrando em contexto o que você está comprando – isso merece muitos pontos.
  • Características: A página explica as características de forma muito simples.
  • Clientes: Um grupo impressionantes de logotipos de clientes completam as evidências de que eles são bons no que fazem.

Coisas que eu mudaria ou colocaria a teste

  • O que é um slider: “O melhor slider”, mas isso é um tipo de comida ou um cacareco de Java? Você decide? (Se você clicou no botão demo, isso pode ser discutível).

Site*: Slidedeck.com

30. Retargeter

Crítica por: Oli

Do que eu gosto

  • Destaque do título: o fundo preto com o texto branco é um grande exercício de design baseado em contraste para destacar o título e comunicar o propósito da página rapidamente.
  • Escolha do método de contato: Nem todo mundo é inovador – especialmente grandes empresas. Portanto, números de telefone podem ser maneiras mais rápidas e eficazes de entrar em contato com as pessoas, eles combinam bem o CTA principal com um CTA secundário telefônico no cabeçalho.
  • Bons testemunhos: Fotos, nomes e links aumentam a credibilidade.

Coisas que eu mudaria ou colocaria a teste

  • Escolha seu objetivo de conversão: O principal problema com a página é que há um CTA de click-through no topo e um formulário abaixo. Qual é o objetivo de conversão esperado? Provavelmente, a maioria clicará no botão no topo por curiosidade, mas isso não é um reflexo real de conversão ou intenção real. Eu colocaria o formulário acima e removeria o botão, ou vice-versa – teste, teste, teste.

Site*: Retargeter.com

31. PetAmberAlert – Design Literal

Crítica por: Oli

Do que eu gosto

  • Direto no coração! O título sozinho vai fundo.
  • Melhor CTA do dia: “Encontre seu animal de estimação agora” é uma chamada muito forte para qualquer um nessa situação. Ouro demográfico.
  • Direto no coração nº2: “Há 77% de chance do seu animalzinho ter sido visto por alguém que recebeu nosso Pet Amber Alert através de…” – vamos lá – já nos convenceu! Focados no texto. Incrível.

Coisas que eu mudaria ou colocaria a teste

O quê? Como poderia? Uma causa fantástica. Honestamente, no entanto, é uma boa página com bons fatores de confiança (logos e testemunhos) e uma boa explicação do que se esperar (quanto vale seu bichinho – a tabela de preços).

  • Navegação inferior: Tire todos os links adicionais – são ruins. Esta é minha crítica gentil.

Site*: PetAmberAlert.com

32. Monsoon – O Valor da Associação

Crítica por: Oli

Do que eu gosto

  • Tecnologia moderna: Fala com um setor muito específico de tecnologia moderna (pega o nerd de HTML5, é o que estou tentando dizer).
  • Por quê?: Uma seção forte sobre a importância da tecnologia da empresa.
  • Boa contenção do formulário: o formulário está acima da dobra e é contido, embora pudesse ter um pouco mais de contraste e uma dica visual indicando que é para lá que você quer que seu cliente vá.

Coisas que eu mudaria ou colocaria a teste

  • Aplicativos móveis: O propósito “parece” ser a construção de aplicativos móveis, mas isso está afundado no meio de textos com fonte pequena embaixo das imagens principais – seria melhor utilizar textos grandes para passar a mensagem e, então, seguir com imagens de “contexto de uso” onde pudéssemos ver o aplicativo sendo usado em dispositivos móveis.
  • Fale conosco: Por quê? Qual o benefício de falar com vocês sobre o projeto? Tente adicionar um benefício direto ao lado do CTA que diga: “Fale conosco sobre seu próximo projeto, vamos discutir cada pedacinho dele!”
  • Clientes: Coloque o título acima das imagens para que fique claro que estão no lugar certo.

Site*: Monsoonco.com

33. Dev Auditions – Aglomeração e Etapas Simples

Crítica por: Oli

Do que eu gosto

  • Proposição de valor clara: É claramente relacionado a contratar as melhores pessoas – focado em desenvolvimento. Mas o título poderia ser mais claro (veja abaixo).
  • Passo a passo: O processo de 3 etapas delineia uma imagem simples de como funciona a empresa.
  • Próximo aos benefícios: Eu gosto do começo, meio e fim dessa página. Assim como uma boa história, ela o leva pelo que você precisa saber, terminando com o que irá receber e fechando com o CTA. +1.

Coisas que eu mudaria ou colocaria a teste

  • Título mais claro: Contrate de Maneira Inteligente (Hire Smarter) é genérico para quem está procurando por contratações de desenvolvimento, então faça com que o logo de desenvolvimento seja maior ou mude o título principal para algo mais claro como: “Contrate Talentos em Desenvolvimento, de Maneira Inteligente”.
  • Tipos de posição: Como é de recrutamento, eu incluiria o escopo do tipos de talentos alcançados, já que o desenvolvimento pode ser muito abrangente. Quais áreas de conhecimento e quais são os limites geográficos?

Site*: DevAuditions.com

34. Smartr – Smartr Design para Smartr Phones

Crítica por: Carlos

Do que eu gosto

  • Cor pessoal: Cores fortes que também são confortáveis, pois são terrosas.
  • Acima da Dobra: CTA, vídeo e interface apresentados acima da borda – adorável.
  • Demonstração: Instruções visuais claras em direção às 10 razões significa que o visitante sabe onde ir e o que esperar.

Coisas que eu mudaria ou colocaria a teste

  • Combinação: As capturas de tela têm pouca conexão com o texto. Deveriam testar outras imagens de características que possam ilustrar melhor o texto.
  • 2º Título: O segundo título perde o foco. São os benefícios ou a tabela de comparação que estão sendo chamados de “os melhores”?
  • Fechamento Forte: A ação final não parece clicável e o força a voltar para o topo da página. Ao invés disso, apenas coloque seu CTA, novamente.

35. Keas – Design Fresh é Saudável

Crítica por: Oli

Do que eu gosto

  • Imagens e Palavras: Luz, um fundo que facilmente combina com o conceito de saúde.
  • Dê Espaço: Um layout aberto permite que as pessoas escaneiem. Escanear é muito útil para chegar a ação no fim da página.
  • Felicidade: O grande testemunho é sobre felicidade, que faz boa conexão com saúde, bom trabalho em aproveitar conexões naturais.

Coisas que eu mudaria ou colocaria a teste

  • Ênfase: Há tanto itálico e negrito que fica difícil descobrir o que é realmente importante.
  • Não concorra: Há CTAs concorrentes. Esta página está pedindo que as pessoas Saibam Mais (learn more), mas um é gratuito (um clique) e o outro tem um custo (e-mail e número de telefone). Se você precisa ter uma segunda ação, garanta que elas sejam cooperativas.

Site*: Keas.com


Ótimas Estatísticas

As pessoas parecem estar, finalmente, entendendo sobre ser mais explicativo e criativo no texto de seus CTAs (“Não use mais Inscreva-se! Não use mais Inscreva-se!” – Sintam-se à vontade para cantar conosco). Nessa seleção de landing pages de geração de leads apresentada, uma incrível parcela de 73% delas está agindo corretamente ao descrever o que acontecerá se apertar seus botões!

*Oli & Carlos enxugam os olhos comovidos em um momento de orgulho*

Tem Bons Exemplos de Landing Pages Para Compartilhar?

Se você tem ou viu uma landing page fantástica, compartilhe conosco nos comentários.

— Por Oli Gardner, Adaptação de Andréa Amaral


 

Sobre Oli Gardner
Oli Gardner é um dos co-fundadores da Unbounce. Oli já viu mais landing pages do que qualquer pessoa no mundo! Formador de opinião é também Palestrante do Conversion Centered Design. Siga o Oli no Twitter
» Mais publicações por