• what is unbounce
  • CATEGORIAS

    Crítica de 26 Lindos Designs de Landing Pages com Dicas de Testes A/B

     

    never use submit as your CTA
    Utilize “inscreva-se” em seus formulários, e você terá problemas com as críticas. (Citado por Ryan Engley)

    É hora de exemplos de landing pages, novamente, e desta vez me focarei em criticar as páginas sob a perspectiva de testes A/B .

    Cada exemplo irá examinar o processo de reflexão pelo qual você passa quando analisa uma página (ou a reação que o visitante pode ter ao chegar pela primeira vez), uma hipótese de teste para um melhor desempenho da página, e alguns exemplos do que você poderia testar para provar sua hipótese.

    Isso deve dar a você e aos criadores da página alguma inspiração para futuros testes, e mostrar o que você deve levar em consideração quando fizer testes A/B em sua landing page.

    Nota: Cada uma das landing pages foi construída por clientes utilizando a Unbounce, e a permissão foi dada pelos criadores da página.

    E que as críticas e dicas de testes A/B comecem!

    *PAUSA*

    Na verdade, antes de começarmos, vamos parar por um segundo e refletir sobre erros do passado.

    Lembra-se daqueles velhos botões cinzentos do Windows que diziam “Inscreva-se”? Todos lembram. E já chegou a hora de pararmos de copiar maus hábitos e começarmos a criar CHAMADAS PARA AÇÃO (CTA) relevantes. CTAs devem ser instrutivos. Eles devem informar a seu visitante o que acontecerá ao clicá-los. E, pelo amor de todas as coisas clicáveis, seu CTA nunca deve (nunca) dizer “Inscreva-se”.

    Esteja avisado, eu vou dar uma bronca (educadamente) em qualquer um que usar essa maldita linguagem nos botões nas críticas abaixo.


    E lembre-se: toda página pode ser melhor, e a melhor maneira de se tornar melhor é testando. Vamos começar…

    1. Right Signature

    RightSignature landing page design
    Clique na imagem para ver a versão completa.

    Reflexões

    A extensão dessa página gera uma sensação de que há uma divisão natural entre a sessão do topo da página e a sessão “More Reasons” (“Mais Razões”). Faria sentido encurtar a página de alguma maneira, mas ainda assim fornecer acesso aos recursos sob demanda.

    Hipóteses para Testes A/B

    Ao reduzir a extensão da página removendo a seção de recursos, tornando-a disponível quando necessário, a página comunicará sua mensagem principal de maneira mais sucinta e manterá o formulário como foco da atenção, aumentando o número de inscrições.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Página mais curta: Ao mudar o título “More Features You’ll Love” (“Mais Recursos que Você Irá Amar”) para um link que abre uma lightbox com os recursos adicionais, você diminui a aglomeração, fornecendo informações adicionais apenas se necessário para convencer algum indeciso buscando por informações mais detalhadas.
    right signature lightbox
    Um exemplo de utilização de lightbox para manter a página mais curta.

    Site: Right Signature

    Interested in learning more about landing page optimization?

    Download this ebook and become an expert at designing landing pages that convert like crazy.
    By entering your email you'll receive weekly Unbounce Blog updates and other resources to help you become a marketing genius.

     

    2. Macquarie University

    macquarie university landing page example
    Clique na imagem para ver a versão completa.

    Reflexões

    Esta é difícil de criticar. É realmente uma boa landing page. Ah, mas lá está o temido botão “Inscreva-se”, de novo! Tsc, tsc. Há algumas coisas que gostaria de sugerir para manter a experiência da landing page intacta. Em primeiro lugar, eu sei que as pessoas têm medo de remover links (ou “vazamentos”, como prefiro chamá-los), mas você realmente não precisa citar todas as alegações feitas neste momento. Não é um papel em branco, é um dispositivo de marketing. Em segundo lugar, a área do formulário precisa de uma pequena alteração. Vou descrever uma hipótese para cada.

    Hipóteses para Testes A/B

    A área do formulário:

    Ao aprimorar a mensagem da área do formulário para explicar e focar o propósito da página, a comunicação ficará mais clara, encorajando mais pessoas a completarem o formulário que elas sabem que irá beneficiá-las. Isso também aumentará o número de leads relevantes e qualificados.

    Vazamentos da página:

    Distrações afastam as pessoas da razão pela qual *você* as pagou para estarem aqui. Ao remover todos os links da página de maneira que exista apenas uma ação, o engajamento com o objetivo de conversão da página aumentará e, consequentemente, a quantidade de formulários completados, reduzindo as taxas de rejeição.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Esclareça o propósito do formulário: O cabeçalho do formulário é sua única chance de descrever a razão pela qual você está solicitando dados pessoais. Aqui as palavras sugerem que você complete o formulário para “Inscrever-se para o evento”. Ainda assim, batendo o olho no texto (esse é o máximo que as pessoas irão fazer), eu não vejo menção a um evento. E o terrível botão “Inscreva-se” não ajuda em nada. Você receberá informações sobre a universidade de acordo com seu nível de estudo (atual ou desejado?) ou um prospecto de cursos disponíveis? Então, meu conselho para o teste é dizer exatamente o que você irá receber no cabeçalho, e reforçar isso no CTA.
    • Nunca use “inscreva-se”: Você foi avisado.
    • Página com vazamentos: Tire todos os links da página (com exceção da declaração de privacidade). Se você realmente precisa fazer um link para algo, faça isso em uma lightbox, de maneira a manter possíveis estudantes na página.
    • Adicione um FAQ: Você pode eliminar a necessidade de tantas questões abrindo uma página de FAQ em uma lightbox que discuta todas as questões que, atualmente, você está respondendo em links externos. Isso reduzirá seus pontos de interação a um total de três. O CTA, política de privacidade e FAQ.

    Site: Macquarie University

    3. KISSmetrics

    KISSmetrics landing page example
    Clique na imagem para ver a versão completa.

    Reflexões

    À primeira vista, pensei que isso era o download de um e-book, mas depois de ler um pouco eu descobri que era para algum tipo de pacote. Parece que, na verdade, é um relatório listando 6 ferramentas de marketing absolutamente necessárias. Uma descrição melhor do que há dentro e uma lista de ferramentas iria incentivar o download. Eu também gostaria de saber a extensão do documento para ter uma ideia de quão detalhada é a descrição de cada ferramenta.

    Há também algumas mensagens contraditórias na página. A primeira indica que isso é uma folha de dicas (talvez com apenas uma página), mas então se torna um pacote (o que é um pouco confuso), e então se torna, novamente, uma folha de dicas no cabeçalho do formulário.

    Finalmente, a prova social na parte inferior fala só sobre a KISSmetrics, o que é muito dominante e não parece estar alinhado com o propósito da página.

    Hipóteses para Testes A/B

    Ao listar as empresas incluídas no pacote e fornecer uma descrição mais clara do que realmente é a folha de dicas, a taxa de downloads aumentará.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Utilize logotipos de ferramentas incluídas na folha de dicas: Teste colocar os logos na imagem da folha de dicas para que as pessoas saibam o que está incluso.
    • Remova distrações: Use apenas 1/3 dos logotipos de clientes para que essa parte seja menos dominante da página – estabelecendo a folha de dicas como elemento mais importante, sem entrar em conflito com os logos adicionados na primeira sugestão. Além de tudo, considere colocá-los em tons de cinza para diminuir ainda mais a distração.

    Página de Confirmação

    A proposição de valor da KISSmetrics é tão bem feita que está sendo desperdiçada na primeira landing page. Ela deveria ser colocada em um local de destaque na página de confirmação para dar apoio à marca, já que o propósito da página é receber uma consulta gratuita.

    Adicione um slogan: Para fazer isso, eu colocaria uma proposição de valor como slogan para o logotipo. Há muito espaço em branco desperdiçado próximo ao logotipo, minha sugestão é: aumentar o logotipo, de maneira que sua altura possa suportar 2 linhas de texto pequeno ao seu lado. E depois inserir o slogan:

    Linha 1: “Google Analytics Conta O Que Aconteceu.”
    Linha 2: “KISSmetrics Conta Quem Fez Isso.”

    KISSmetrics confirmation page
    Clique na imagem para ver a versão completa.

    Site: KISSmetrics

    4. Bryan Eisenberg E-book

    bryan eisenberg ebook
    Clique na imagem para ver a versão completa.

    Reflexões

    Bom, isso é assustador! Apesar de conhecer o Bryan (um pouquinho), irei criticar uma página feita pelo homem que, literalmente, escreveu um livro sobre a “Chamada Para Ação”. #SemPressão.

    Minha primeira reação é de que o título é uma frase incompleta até que se leia o subtítulo. Eu prefiro utilizar o subtítulo como um elemento de apoio para o título – ao invés de uma continuação de frase.

    Gosto do uso do princípio de encapsulamento para separar visualmente o formulário do resto da página, destacando-o como área de interação.

    Os elementos de design no topo e parte de baixo parecem distrações para mim, e a imagem do topo empurra a imagem do e-book e a do formulário para baixo sem uma razão real para isso.

    Hipóteses para Testes A/B

    Ao remover os elementos de design da parte superior direita, o layout da página ficaria mais flexível para aumentar a dominância da área de formulário, o que aumentará os downloads.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Elevando o formulário: Eu tentaria remover as formas do canto superior direito, e encapsular o e-book dentro da área do formulário, de maneira que a localização do formulário fique acima da dobra, onde você terá uma sensação maior de que a ação de completar o formulário tem uma correlação direta com receber o e-book.
    • Título mais claro: Tente remover as formas e colocar o título todo na parte superior, incluindo um subtítulo de apoio para maior clareza. Minha sugestão seria: 1ª linha – “O Guia do Comprador para Otimização e Testes em Websites”;
      2ª linha – “Deixe que Bryan Eisenberg torne sua seleção de vendedores mais fácil”.

    Site: Bryan Eisenberg

    5. Pear Analytics

    pear analytics landing page
    Clique na imagem para ver a versão completa.

    Reflexões

    Esta é uma landing page muito longa, o que pode ser ótimo para aquecer seus visitantes, para que possam fazer uma decisão informada. O objetivo de conversão desta página é fazer com que as pessoas consigam uma avaliação gratuita e se tornem um lead altamente qualificado. O CTA no final direciona as pessoas para uma página diferente – quebrando a regra de uma página por objetivo. Na minha cabeça, a página deveria ser inteiramente focada em fazer com que as pessoas completem o formulário de avaliação.

    Hipóteses para Testes A/B

    Ao focar totalmente a página na obtenção da avaliação gratuita, haverá mais submissões de formulários, resultando em leads mais qualificados e mais negócios em potencial.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese

    • Mude o foco: Estou tentado, a seguir, uma abordagem mais explosiva, mudando algumas coisas ao mesmo tempo em que encurto a página e a mantenho focada no formulário de avaliação. Estas mudanças seriam:
      • Remover a seção de geração de lead na parte inferior da página.
      • Mudar o botão de CTA para “Pegar Minha Avaliação de Marketing Digital Gratuita” e fazer com que isso os leve de volta ao formulário. Perceba a mudança de “Seu” (“Your”) para “Meu” (“My”), em um teste que fizemos recentemente este tipo de alteração aumentou as conversões.
      • Mudar o formulário do cabeçalho para algo como: “Receba Uma Avaliação de Marketing Digital Gratuita”.
      • Mudar o CTA do botão de “Inscreva-se” (Grrrrr) para “Pegar Minha Avaliação”.
    • Benefícios na Lightbox: Reduzir a extensão da página listando os 6 benefícios como tópicos e abrir os detalhes completos sob demanda.

    Site: Pear Analytics

    6. Super Stock Jockey

    superstock jockey landing page example
    Clique na imagem para ver a versão completa.

    Reflexões

    Não tenho certeza absoluta em que plataforma o trading game virtual funciona. O CTA “Jogue agora grátis!” indica que há uma versão online (ou possivelmente download).

    Ele também não apresenta nenhuma das características que tornam esse jogo virtual tão bom.

    Hipóteses para Testes A/B

    Ao explicar a plataforma e adicionar descrições das características, a taxa de click-through aumentará.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Mude o CTA principal: Faça uma pequena mudança no texto do botão que diz “Jogue grátis online agora!” (“Play free online now!”) – caso realmente seja um jogo online.
    • Adicione algumas afirmações sobre características/benefícios: Essas poderiam ser feitas na forma de tópicos para leitura rápida ou uma lightbox em pop-up com uma descrição mais completa junto com as capturas de tela.
    • Prova social: Mencione quantas pessoas estão jogando nas competições no momento para dar a noção de popularidade.

    Site: Super Stock Jockey

    7. American Bullion

    american bullion landing page example
    Clique na imagem para ver a versão completa.

    Reflexões

    Meu Deus. O que eu faço com isso? É uma ótima página. Farei uma reviravolta aqui e falarei sobre o que eu gosto nela.

    Do que eu gosto

    • Título descritivo: O título diz sobre o que é a página em três palavras.
    • Parágrafo de introdução simples: Descreve o que você receberá, ao completar o formulário.
    • CTA e cabeçalho do formulário perfeitos: O cabeçalho do formulário e o texto do botão são descritivos.
    • Informação de apoio: Tudo o que você precisa saber está, praticamente, acima da dobra, mas caso não esteja convencido, você pode dar uma olhada na grande quantidade de provas sociais abaixo, incluindo: testemunhos, menções na mídia e símbolos de confiança.

    A única coisa que eu adicionaria a essa página seria um subtítulo acima do terceiro passo dizendo qual é sua função, tal como: “Sobre Investimentos em Ouro”.

    Site: American Bullion

    8. Brokers for Life

    brokers for life
    Clique na imagem para ver a versão completa.

    Reflexões

    Esta é outra página boa. Eles fazem um bom trabalho ao se focar no formulário e fazer com que o CTA de baixo o leve de volta para o topo. No entanto, a parte mais importante da página, que contém o título, formulário e símbolos de confiança, é difícil de ler. O texto é pequeno e tende a se mesclar com a imagem de fundo.

    Hipóteses para Testes A/B

    Ao utilizar o princípio do encapsulamento, a área do formulário se destacará mais, tornando mais claro o objetivo da página, o que resultará em mais preenchimentos do formulário.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese

    • Encapsulamento: Teste colocar uma caixa atrás da seção de conteúdo na foto do cabeçalho para fazer com que ela se destaque do fundo.

    Site: Broker For Life

    9. Mines Press Pens

    mines press landing page
    Clique na imagem para ver a versão completa.

    Reflexões

    O título é fofo, mas ele não explica qual o propósito da página. Mais abaixo ela se refere ao que vendem – canetas promocionais. O que é uma caneta promocional? Há também um cálculo sobre impressões prévias que se assemelha a um banner de anúncio. Super confuso.

    Hipóteses para Testes A/B

    Ao explicar mais claramente o que é uma caneta promocional, e qual é o seu benefício, a taxa de click through aumentará.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • O que é uma caneta promocional?: Descrever claramente no título o que é uma caneta promocional e qual seu benefício. Eu tentaria fazer isso com um título de duas linhas. Um exemplo poderia ser: título principal: “Canetas promocionais auxiliam sua empresa a _____”;
      subtítulo: “Elas possibilitam que você _____”.
    • Detalhes: Adicione uma descrição detalhada abaixo do “Economize 40% em nossas 6 canetas campeãs de venda” que descreva exatamente o que é uma caneta promocional e liste em tópicos alguns benefícios de ter uma e como elas são usadas.

    Site: Mines Press Pens

    10. Social Safe

    social safe landing page
    Social Safe landing page
    Clique na imagem para ver a versão completa.

    Reflexões

    Faz de conta que estou chegando na página a partir de um anúncio de busca, minha primeira introdução ao produto é “Sua biblioteca de você” o que não me fez pensar em um produto digital de mídia social (o que o Social Safe é). Especialmente com a foto de uma biblioteca real no fundo. Os recursos abaixo fazem um serviço muito melhor ao delinear sobre o que estamos falando – mas pode ser que eu não chegue até aí depois de ler o título.

    Hipóteses para Testes A/B

    Ao mudar o cabeçalho para uma imagem de mídia social, unida a um título que fale sobre vida nas mídias sociais, as desistências da página diminuirão e o número de downloads aumentará.

    Ao trazer elementos de prova social para o topo de página, mais pessoas acreditarão na qualidade do produto, aumentando o número de downloads.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese

    • Imagem do cabeçalho: Considere utilizar a imagem das nuvens com o cofre como imagem principal para ilustrar imediatamente a função do produto.
    • Diagrama de fluxo: No final da página, a última coisa que você irá ver é um diagrama de fluxo descritivo. Isso funcionaria muito melhor sendo colocado no topo da página. Este poderia até mesmo ser o cabeçalho principal, caso o título estivesse acima dele.
    • Título: Inclua uma menção de mídia social no título para apoiar a escolha de imagem e deixe claro que tudo isso é sobre perfis em mídias sociais. Perfis seria uma boa escolha de palavra para o título de um cabeçalho de apoio.
    • Prova social: Traga os indicadores de prova social da parte de baixo para o topo. Incluindo a afirmação “milhões de postagens já foram salvas”, apontando para o botão de download. Assegure-se de incluir isso com os botões de downloads no topo.

    Site: Social Safe

    11. Ganxy Ebook Sales

    ebook sales landing page
    Clique na imagem para ver a versão completa.

    Reflexões

    Esta página está implorando por um teste de CTA. “Teste agora” (“Try it now”) não diz nada sobre o que será testado.

    Hipóteses para Testes A/B

    Ao incluir uma noção do benefício do serviço no CTA, as conversões por click-through aumentarão.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese

    • Texto do CTA: Teste textos alternativos para o CTA que expliquem para o que você está se inscrevendo. Isso dará apoio ao título explicando como alcançará a promessa delineada. Um exemplo de substituição: “Comece a vender seus e-books online agora”.

    Site: Ganxy

    12. Florida Hospital – TAVR

    tavr landing page
    Clique na imagem para ver a versão completa.

    Outra landing page excelente. Apesar de não deixar imediatamente claro o que é TAVR (a minúscula descrição do acrônimo é difícil de ver). Se você tem anúncios muito direcionados, é melhor garantir que o título combine perfeitamente com eles.

    Hipóteses para Testes A/B

    Ao explicitar no título o que é TAVR, mais pessoas poderão se identificar, permanecer na página e completar o formulário, como resultado.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Mudança do título: Eu faria um teste utilizando o nome completo do procedimento e o acrônimo como elemento secundário. Com a frase “A Substituição da Válvula (TAVR) é o Melhor para Você?” (“Is Valve Replacement (TAVR) Right for You?”), seguida por uma explicação do que é o acrônimo e como é o procedimento no primeiro parágrafo. Nota: Eu não sei dizer se isso é informação o bastante para que as pessoas entendam.
    • Otimize o Pague por Clique: Se há anúncios pagos (AdWords, etc.) atraindo tráfego para esta página, eu mudaria o cabeçalho para um texto com um fundo gráfico, ao invés de ter uma imagem gigante. Isso aumentaria o Índice de Qualidade, um teste poderia comparar a mudança neste Índice, ao tornar o cabeçalho legível para bots.

    Site: TAVR

    13. TakeLessons

    takelessons landing page example
    Clique na imagem para ver a versão completa.

    Reflexões

    Sendo um serviço nacional, seria útil saber o nível de cobertura, se nacional ou estadual.

    Hipóteses para Testes A/B

    Ao listar o alcance da cobertura dos serviços, haverá uma maior confiança e relevância para o visitante, e como resultado, o preenchimento de formulários aumentará.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Onde? Mencione onde o serviço está disponível e talvez adicione um mapa para mostrar precisamente os locais.

    Site: TakeLessons

    14. Tome um Café com os Brendans

    grab a coffee landing page
    Clique na imagem para ver a versão completa.

    Reflexões

    À primeira vista, eu não sei por que faria isso: “Tome um café conosco” (“grab a coffee with us”). Quem são eles? Onde fica a empresa? É um café virtual ou um lugar onde realmente se pode sentar?

    Eu também acho que “amplie sua empresa” é genérico e vago. Acredito que eles teriam mais sucesso se colocassem um pouco do texto utilizado mais abaixo na página no título de apoio, ao mesmo tempo, esclareceriam onde tomaremos o café.

    Hipóteses para Testes A/B

    Se explicarmos que estamos oferecendo uma consulta sobre marketing digital, mais empresas alvo preencherão o formulário de requisição de consulta.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Título: Teste “agende uma consulta de 1 hora gratuita sobre marketing ” contra “tome um café” assim as pessoas saberão para o que estão se inscrevendo. Utilize o subtítulo para esclarecer quão longe a rede geográfica se estende (local ou online). Então inclua o “tome um café” como um elemento secundário, mantendo a personalidade da marca.

    Site: The Brendans

    15. SweetIQ Whitepaper Download

    whitepaper download lead gen landing page
    Clique na imagem para ver a versão completa.

    Reflexões

    Esta é uma página de download de livro branco/e-book bem comum, no entanto, o design subjacente não suporta a estética de uma página focada em empresas físicas. Sendo um documento eletrônico distribuído digitalmente, é importante deixar óbvio que ele é para empresas locais.

    Existem algumas maneiras de se fazer isso. Utilize imagens para mostrar empresas físicas, seja no livro, no plano de fundo da página ou explicitando no CTA o aspecto ‘local’.

    Hipóteses para Testes A/B

    Ao se focar no aspecto de empresas locais no CTA, haverá um melhor entendimento da relevância para as empresas físicas locais e downloads mais focados (criando leads melhores e mais qualificados).

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Texto do CTA: Eu testaria o texto atual do CTA contra algo mais explícito como “Faça Agora o Download de um Livro Branco Baseado em seu Local”, com uma linha de apoio curta, abaixo do botão, que diga “Para Comércio Varejista Físico”.

    Site: By The Brendans

    16. Você Tem Asma?

    asthma landing page

    Clique na imagem para ver a versão completa.

    Reflexões

    Eu não consigo achar muitos problemas nesta página, então vou falar sobre o que ela faz bem.

    O que faz com que essa landing page seja boa

    • Título e subtítulo claros.
    • Dica direcional: Há uma seta apontando do subtítulo para o formulário, ajudando a guiar o visitante ao objetivo de conversão.
    • Encapsulamento: Este é um ótimo exemplo de como utilizar o encapsulamento para destacar um formulário, que era exatamente sobre o que estava falando no nº 8.
    • Detalhes: Todos os detalhes principais são abordados em termos simples – critérios do estudo, extensão do teste e custo. Este é um ótimo exemplo de escrita baseada em termos cotidianos.
    • CTA em forma de pergunta: Ter uma pergunta como CTA encoraja o engajamento por torná-lo pessoal (e sem o texto “inscreva-se”).

    Site: IMMUNOeResearch

    17. Bounding Box Boxing

    bbboxing landing page example
    Clique na imagem para ver a versão completa.

    Reflexões

    O design visual desta página é intrigante, mas eu não tenho certeza do que se trata a Bounding Box Boxing imediatamente e, portanto, teria dificuldades de permanecer na página.

    A Rhino 3D é uma experiência de visualização ou uma ferramenta de modelagem 3D?

    O prêmio em dinheiro me deixa confuso. Posso ganhar dinheiro como espectador? Caso não possa, considere remover isso, já que você gostaria de atrair espectadores, não competidores. Lembre-se do que é importante para sua audiência.

    Além do mais, o CTA está tão lotado de texto que não se parece mais com um botão, exigindo que você esprema os olhos para entender porque forneceria seu e-mail. Além disso, os botões “Coming Soon” são impossíveis de ler sob o texto Coming Soon (Em Breve).

    Hipóteses para Testes A/B

    Ao adicionar um título claro sobre como um portador do bilhete pode experimentar a competição de design eliminando qualquer mal entendido sobre quem está participando e quem ganha o prêmio em dinheiro, as chances de preenchimento aumentarão.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Teste o Título: Teste novos títulos como “Consiga bilhetes gratuitos para uma competição de Design em Nova Iorque” – e se refira ao prêmio em dinheiro no texto abaixo (a não ser que seja um prêmio em dinheiro para os detentores do bilhete).
    • Adicione um FAQ: Se eu tive tantas dúvidas, é provável que outros visitantes também tenham. Considere adicionar um FAQ curto com respostas a algumas perguntas.

    Site: Bounding Box Boxing

    18. Benchmark

    benchmark-th
    Clique na imagem para ver a versão completa.

    Reflexões

    Esta página fala de pequenas empresas, e então apresenta empresas gigantescas. Parece haver um desencontro em relação aos tamanhos das empresas, o que pode fazer com que as pessoas percebam essa oferta como focada para o mercado de grandes empresas.

    Há dois CTAs diferentes na página, tanto em cor quanto em texto. Eles poderiam ser mais consistentes, e apresentar o que o próximo passo irá revelar (acredito que seja a homepage).

    Não há uma proposição clara de valor. Eu não sei como essa companhia se diferencia dos outros 100 provedores de serviços de e-mail por aí.

    Hipóteses para Testes A/B

    Ao adicionar uma proposição de valor bem definida que ilustre porque eles são únicos, mais pessoas ficarão dispostas a clicar e seguir para o próximo passo.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Slogan: Poderia haver um slogan ao lado do logotipo (para utilizar um pouco do espaço desperdiçado ali) que ajudaria a definir melhor a empresa. Afinal, Benchmark não é sinônimo de e-mail, ao meu ver.
    • O título principal: Poderia ser mais forte, mais uma vez, diferenciação é a chave aqui. Por que deveria dar atenção para a Benchmark? Qual é a diferença principal? Eu sugiro um título de 2 níveis, no qual o título principal explica o benefício central, e o secundário dá apoio com mais informações (estatísticas, número de consumidores, etc.). Depois, moveria isso para o topo do primeiro parágrafo e do vídeo.
    • Imagem ou vídeo do software sendo usado: Ao invés de se focar nos testemunhos no primeiro nível, eu incluiria alguns tópicos que dariam apoio ao título novamente – e um vídeo ou captura de tela do software. (E, então, mover os depoimentos mais para baixo).

    Teste e veja…

    Site: Benchmark Email

    19. Zoho Lead Generation

    zoho social crm landing page
    Clique na imagem para ver a versão completa.

    Reflexões

    Você teria impressão que esta é uma pagina simples dada sua curta extensão. Mas eu me encontro literalmente andando em círculos – como o diagrama – para decifrar qual é o produto e o que é a página. Os títulos parecem claros o bastante, geram leads. Eu também estou um pouco confuso com o foco do diagrama sobre preenchimento manual, pois este parece o mais trabalhoso de todos os métodos de registro de leads.

    O CTA é bom e grande, o que o torna dominante na página. Esta seria uma ótima oportunidade de solidificar o propósito da página, funcionando quase como um título de apoio. Infelizmente, o texto do CTA é “Comece Agora!” (“Get Started Now!”) o que não diz o que você começara. Eu gostaria de ver o propósito/benefício principal do produto incluído aqui.

    Hipóteses para Testes A/B

    Teste de CTA:

    Ao incluir um texto explicativo no CTA, o propósito e benefício principal se tornarão mais evidentes, e a taxa de click-through do CTA aumentará.

    Teste do Diagrama:

    Ao trocar o diagrama por um vídeo curto descrevendo a solução, a clareza e propósito da página/produto, mais cliques no CTA serão estimulados.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • CTA: Teste um novo CTA com o texto “Capture e Gerencie mais Leads” com o “Comece Agora” como uma mensagem de apoio diretamente abaixo do botão.
    • Vídeo: Teste o diagrama contra o vídeo para descobrir qual fornece maior clareza. O vídeo poderia ser simples como uma narração conforme o círculo gira, explicando cada um dos métodos para adicionar leads.

    Site: Zoho

    20. Imigração de Cônjuges para o Canadá

    immigration to canada landing page
    Clique na imagem para ver a versão completa.

    Reflexões

    Bom, tudo tem uma primeira vez! Um infográfico em uma landing page. Muito legal. Embora demande tempo para ser lido.

    O título de abertura é muito situacional, ao invés de ser descritivo. Seria mais forte se ele fosse mais simples, ao invés de “fofo”. O infográfico acertou: “Patrocine a viagem de seu cônjuge para o Canadá”.

    Hipóteses para Testes A/B

    Ao mudar o título para descrever diretamente o propósito da página, a taxa de rejeição diminuirá, e as conversões aumentarão.

    Ao trocar o infográfico por fatos em forma escrita, a clareza e a rapidez de leitura aumentarão, o que resultará em mais pessoas preenchendo o formulário, uma vez que compreenderão melhor os benefícios da FWCanada.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Título da Página: Mude o título da página para “Patrocine seu cônjuge para vir ao Canadá” e utilize um subtítulo que diga algo como: “Deixe que a FWCanada facilite esse patrocínio”.
    • Troque o infográfico: Pegue os pontos principais do infográfico e informe aos leitores quem pode se inscrever, quem pode patrocinar e como se inscrever. Possivelmente, na formatação de um parágrafo introdutório seguido por tópicos separados.

    Site: Spousal Immigration to Canada

    21. AT&T Authorized Dealer

    AT & T landing page
    Clique na imagem para ver a versão completa.

    Reflexões

    O que parece estar faltando nessa página é uma descrição do pacote/plano completo (o que pode estar enterrado nas letras miúdas – mas eu não leria isso, a não ser que visse um detalhe importante antes).

    Também não diz se você se tornará qualificado no momento que clicar no botão, ou se entrarão em contato por e-mail para seguir para o próximo passo.

    MAS diz “Inscreva-se” no botão… #nãomuitofeliz

    Hipóteses para Testes A/B

    Ao esclarecer o propósito do formulário para explicar a razão para que ele seja preenchido, as expectativas das pessoas serão definidas com antecedência e elas hesitarão menos em fornecer seu e-mail.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Campos do formulário: Se for possível descobrir quem está qualificado imediatamente ao submeter o formulário (através de verificação online), considere remover o endereço de e-mail para diminuir a fricção. Se o contato for feito por e-mail, explique isso cabeçalho do formulário ou no CTA.

    Site: AT&T Offer

    22. Furniture Realm

    furniture realm landing page design
    Clique na imagem para ver a versão completa.

    Reflexões

    Então, qual é o objetivo de conversão? Tive de ler um bocado para entender que era levar as pessoas a fazerem o download de um guia para compradores de mobília para restaurantes. Por esse motivo, eu sugiro um teste no título.

    Hipóteses para Testes A/B

    Ao mudar o título para se focar no objetivo de conversão, mais pessoas irão se dirigir ao formulário para fazer o download do guia (produzindo mais leads).

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Título: A coisa mais importante a se testar aqui é o título. Eu sugiro testar o atual contra um título de duas linhas. Algo assim: linha 1 – “Faça o download gratuito de um guia de compradores de mobília para restaurante”;
      linha 2 “Do fornecedor nº1 do Reino Unido”.

    Site: Furniture Realm

    23. Falcon Social

    falcon social landing page example
    Clique na imagem para ver a versão completa.

    Reflexões

    Esta página é, na verdade, um microsite; eu sugeriria inicialmente tirar a navegação do cabeçalho e do rodapé para aumentar o engajamento na página e torná-la uma landing page específica da promoção.

    O que a Falcon Social faz muito bem é algo que venho afirmando há muito tempo, a utilização de lightbox para mostrar conteúdo adicional, sem abandonar a página. Isso acontece se você clicar em qualquer um dos links “saiba mais”.

    No entanto, faltam explicações sobre quais são as soluções fornecidas antes de perguntar se o visitante quer iniciar um teste gratuito. Isso poderia ser incluído em um parágrafo introdutório ao lado do vídeo mencionando a duração do teste, juntamente com uma afirmação dos benefícios.

    Hipóteses para Testes A/B

    Ao mudar o texto do CTA para uma afirmação direcionada aos benefícios, dizendo aos clientes quais são estes benefícios quando se registram, mais pessoas iniciarão o teste.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Texto do CTA: Para testar CTA diferentes, eu faria o original contra um CTA de principais benefícios, como “Aumente sua Marca Socialmente” com um pequeno apoio “teste gratuito por X dias”, logo abaixo do botão.

    Site: Falcon Social

    24. Orion Space Burial

    orion space burial landing page
    Clique na imagem para ver a versão completa.

    Reflexões

    Meu primeiro pensamento foi “Nossa!” – ter suas cinzas lançadas ao espaço. Não as suas próprias, mas você entendeu o que eu disse. É um conceito muito legal, mas eu acho que esperaria um pouco antes de me comprometer.

    Tendo dito isso, o título “Lançamento em breve” é o título “Em breve” mais inteligente que já vi (e eu já vi cerca de 20.000 landing pages).

    E como prometido, eu vou denunciar qualquer botão “Inscreva-se”. Um botão de formulário nunca deveria dizer inscreva-se nele. Neste caso, algo como “Envie-me mais informações” seria apropriado.

    Hipóteses para Testes A/B

    Ao descrever como as cinzas são transportadas para o espaço e fornecer ou fazer alusão aos custos, leads mais qualificadas serão gerados.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Logística: Mude o CTA para algo como “forneça seu e-mail para descobrir como funciona e quanto custa”. Isso seria uma boa chamada para preencher o formulário.

    Site: Orion Space Burial

    25. Dodo Power & Gas

    dodo landing page
    Clique na imagem para ver a versão completa.

    Reflexões

    Uma parte confusa desta landing page outrora simples é que há uma caixa dropdown para escolher seu local, embora haja a designação na página “Victoria Only” (Apenas em Victoria). O asterisco nos campos necessários também entra em choque com o asterisco do título. Para o título, eu utilizaria um símbolo diferente para se conectar com a letra miúda.

    Eu pediria com toda educação que o texto do botão fosse mudado de “Inscreva-se” para algo mais relevante.

    Além disso, gostaria de reiterar a importância de se ter o título em texto ao invés de uma imagem. Isso irá penalizá-lo severamente no quociente de qualidade da landing page no Índice de Qualidade do Adwords.

    Hipóteses para Testes A/B

    Ao remover o campo exigido para endereço de e-mail, mais leads serão capturadas para receber uma ligação de um agente pelo telefone.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Mudanças no formulário: Faça com que o campo de e-mail não seja exigido e mude o texto do CTA para refletir que um agente entrará em contato com você pelo telefone.
    • Método de Ligação: Para conseguir ainda mais inscrições, eu sugiro que permita que o visitante escolha sua forma preferida de contato.

    Site: Dodo Power & Gas

    26. Tap for Tap

    tap for tap landing page
    Clique na imagem para ver a versão completa.

    Reflexões

    Parece um conceito legal, fora o fato de que tive de ler cada palavra na página para entender completamente o mecanismo no qual ela se baseia.

    Eles têm um vídeo, mas ele fica em outra página. O vídeo na outra página utiliza uma lightbox, o que seria perfeito para a landing page, como um mecanismo para ensinar sem sair da página. Outra solução seria o vídeo tocar diretamente dentro da imagem do telefone. Melhor ainda seriam dois vídeos, para explicar os dois lados do conceito.

    Hipóteses para Testes A/B

    Ao incluir dois vídeos integrados dentro da imagem dos telefones, o conceito “dois lados” se tornaria mais claro. Remover o grande CTA “Assista Nosso Vídeo” resultará em um único CTA com espaço em branco adicional para clareza. Essas mudanças resultarão em um maior engajamento, e uma maior taxa de click-through.

    Recomendações para Testes A/B

    Sugestões sobre o que testar para provar a hipótese:

    • Vídeo: Teste a página atual (A) contra uma página B, com o vídeo em janelas lightbox no link “Veja Nosso Vídeo” (“Watch Our Video”) e uma página C com os dois vídeos integrados às imagens de telefones.

    Site: Tap For Tap


    Aí estão, 26 críticas de landing pages para conversão e testes A/B.

    O que você acha?

    Você tem suas próprias hipóteses de teste? Compartilhe conosco nos comentários.

    E qual é a questão mais importante para levar consigo dessa reunião de fabulosos exemplos de landing pages?

    Use lightbox, mano!


    — Oli Gardner


    Sobre Andréa Amaral
    Andrea Amaral é fascinada por estratégias de marketing digital e vendas online. Para ela um bom networking é quando você aprende e compartilha estratégias mirabolantes que quando colocadas em prática resultam em dados significativos. Siga @ndreaamaral no Twitter.
    » Mais publicações por Andréa Amaral