Páginas de destino eficientes: como projetar para sucesso

Ter conhecimento sobre como criar uma landing page eficaz pode aumentar o número de visitantes do site que realizam a ação desejada na página da web. Vamos discutir fatores e considerações que podem levar a um melhor design da página de destino.

O que é uma página de destino?

Antes de começarmos nossa discussão, vale a pena definir rapidamente o que é uma landing page.

• Do ponto de vista técnico/de desenvolvimento web: Uma landing page consiste nos mesmos elementos básicos de qualquer outra página da web (HTML, CSS, cópia de conteúdo, imagens, vídeos, etc.)
• Do ponto de vista empresarial: É uma página da web que solicita aos usuários que executem uma tarefa específica, como comprar algo ou inscrever-se em uma lista de e-mail.
• Do ponto de vista do usuário: É uma página que eles veem depois de clicar em um hiperlink de outro site (pesquisas no Google, uma URL contida em um tweet, banner, etc).

Três motivos populares para criar uma landing page são:

• Faça com que as pessoas se inscrevam (seja para uma conta, um boletim informativo, etc.)
• Vender um produto específico em uma situação específica (como uma liquidação ou promoção)
• Faça com que as pessoas baixem e instalem software

Diretrizes para um design eficaz de página de destino

Vamos falar sobre componentes e fatores importantes de um bom design de landing page.

Chamada para ação

Uma frase de chamariz pede e obriga claramente o usuário a realizar uma ação específica e desejada. Um exemplo de call to action é “Inscreva-se em nossa lista de e-mails”. Muitas vezes, a frase de chamariz exige que o usuário clique em um elemento da página da web (como um hiperlink ou botão) ou preencha um formulário da web. Pontas:

• Seja claro. Seja direto, informando de forma sucinta qual ação o usuário deve realizar e qual será o resultado da ação.
• Limite o número de frases de chamariz. Tendo apenas algumas frases de chamariz, você pode se concentrar em fazer com que o usuário execute a ação preferida desejada o mais rápido possível.
• Use botões para ações que exigem um clique. Botões são controles de UI convencionais que os usuários saberão que são clicáveis. Além disso, quando bem projetado, pode chamar a atenção para sua frase de chamariz.
• Tenha informações de apoio prontas e por perto. Os usuários precisam ser obrigados a agir. Certifique-se de ter itens na página de destino que os incentivem a realizar a ação desejada.

A página de destino de Quadrado é um exemplo perfeito de um bom apelo à ação. (O apelo à ação é inscrever-se numa conta Square.) Eles afirmam claramente que gostariam que você se inscrevesse e, como recompensa, darão a você um Square Card Reader grátis.

Título

Uma landing page eficaz precisa ter um título poderoso. O título passa a mensagem principal do que esperar da landing page e permite ao visitante saber que está no lugar certo. As manchetes têm apenas uma tarefa: motivar o visitante do site a permanecer na página de destino. Esse é o principal objetivo a ter em mente. Ao elaborar seu título, pergunte-se: Este título é interessante o suficiente e faz com que o visitante queira continuar lendo? Pontas:

• Mantenha seu título curto e direto. Não desperdice o tempo do usuário, dê a ele uma ideia do que ele pode conseguir na landing page o mais rápido possível.
• Design para chamar a atenção do espectador. Use uma fonte grande e coloque o título em destaque na página. O título deve estar no topo da página da web, onde os usuários da Internet esperam que esteja.
• Considere usar palavras-chave relevantes. Use palavras-chave e frases que um usuário de mecanismo de pesquisa possa usar para encontrar sua página. Use um elemento de cabeçalho HTML (como or


  ) para ajudar os mecanismos de pesquisa a indexar melhor o conteúdo da página.

O Shopify a página de destino exibe um bom título. A cópia é curta e dá ao leitor uma rápida visão geral do que é o serviço. Ele foi projetado com uma fonte grande e colocado em um local de destaque para chamar rapidamente a atenção do usuário. O uso da frase-chave “loja online” no título pode ajudar nos esforços de SEO do Shopify.

Simplicidade

As páginas de destino devem ser simples. Se a página de destino for muito complexa, o visitante do site poderá ficar desanimado a permanecer na página. Quanto mais complexas forem as landing pages, menor será a chance dos usuários realizarem a ação desejada. A mensagem precisa ser clara e incluir apenas o essencial. Pontas:

• Cada elemento da página deve encorajar o usuário a realizar a ação desejada. Use o conceito de Reducionismo para ajudá-lo a eliminar itens desnecessários e cópias.
• Tenha apenas uma frase de chamariz principal. Mantenha o objetivo da sua landing page simples. Escolha uma tarefa que você gostaria que o usuário realizasse, como baixar seu software ou inscrever-se em sua lista de e-mails, e limite-a apenas a isso. Qualquer apelo à ação adicional deve reforçar o seu apelo à ação principal.
• Use grandes quantidades de espaços em branco. Se as coisas estiverem muito apertadas, isso pode intimidar visualmente o visitante do site.

O Dropbox a página de destino é muito simples. Possui logotipo, vídeo e botão de call to action. A principal frase de chamariz é baixar o software. A frase de chamariz secundária, “Assistir a um vídeo”, apoia a frase de chamariz principal, mostrando algumas informações sobre por que você deseja baixar e usar o Dropbox.

Fluxo ocular

Para garantir que o visitante encontre todos os elementos da página de destino que o ajudarão a tomar a decisão de realizar a frase de chamariz desejada, o fluxo visual deve ser bem pensado. Um bom fluxo visual agiliza o consumo das informações compartilhadas na página para o visitante do site e garante que ele acabe vendo o call to action desejado. Pontas:

• Organize os componentes da página da web em uma hierarquia visual lógica. Determine a ordem em que você deseja que o visualizador olhe e projete sua página da web para suportar essa ordem. Para saber mais sobre hierarquia visual, leia os seguintes guias: “Trabalhando com peso visual em seus designs“, “Criando pontos focais em seu web design” e “Usando estrutura de poder e Gestalt para hierarquia visual“.
• Use elementos gráficos a seu favor. Setas, ícones e imagens atraentes podem ajudar a direcionar os olhos dos usuários para uma área de uma página web.
• Use cores de primeiro plano de alto contraste em determinados componentes da página da web. Se um elemento tiver uma cor brilhante em relação ao fundo e aos elementos circundantes, é provável que chame a atenção.

O Vamos fazer isso! O site, que pede aos visitantes que doem para a organização Susan G. Komen for the Cure, apresenta um bom exemplo de como direcionar os usuários ao seu apelo à ação. A página da web é organizada de forma lógica para que você possa ver a frase de chamariz principal imediatamente. O uso de setas aponta seus olhos para a chamada para o botão “Doar”. O botão e as setas ao redor têm cores de alto contraste em comparação com o fundo cinza escuro, garantindo que ele se destaque.

Relevância

Cada visitante chega à sua landing page vindo de uma fonte específica. A página de destino deve ser relevante para essa fonte. Por exemplo, se o seu anúncio diz que, ao clicar nele, o usuário pode comprar iPads pela metade do preço, então é melhor que sua landing page esteja vendendo iPads pela metade do preço. A relevância é a chave. Pontas:

• Considere a criação de landing pages para cada campanha de marketing. Por exemplo, se você tiver uma campanha de marketing no Facebook, crie uma landing page voltada aos usuários do Facebook.
• Personalize a página de destino dependendo da fonte. Adicione conteúdo especial, códigos de desconto e frases de chamariz dependendo do site de onde o usuário vem.

Reduza o risco de agir

Os internautas não gostam de correr riscos, isso é óbvio. Muitas vezes nos preocupamos com segurança, privacidade e com a possibilidade de sermos enganados. Pontas:

• Ofereça uma garantia convincente. Por exemplo, se você deseja que o usuário compre um produto, considere oferecer a ele uma maneira de recuperar o dinheiro caso fique insatisfeito com a compra.
• Antecipe quaisquer preocupações que o usuário possa ter e resolva-as. Antes de realizar uma ação, os usuários podem querer saber mais sobre o resultado dessa ação. Estas preocupações estão frequentemente relacionadas com custos, tempo e segurança.
• Ofereça um teste gratuito (se possível). Por exemplo, se o objetivo da página de destino for solicitar aos usuários que assinem um de seus planos pagos, considere permitir que os usuários experimentem antes de precisarem fornecer informações de cartão de crédito.

Espaço quadrado apresenta bons exemplos de redução do risco de inscrição e utilização de seu serviço web. Ao informar claramente aos usuários que não é necessário cartão de crédito, que o processo de inscrição leva apenas 30 segundos e que não há nenhum compromisso permanente, eles abordaram com sucesso as preocupações relacionadas a custo, tempo e segurança.

Escassez

Uma maneira de criar páginas de destino que funcionem é criando uma sensação de escassez. Se o usuário achar que o estoque do produto pode acabar ou que o preço com desconto pode acabar em breve, ele pode ser obrigado a não procrastinar e agir agora. Pontas:

• Use um texto convincente que transmita um senso de urgência. Por exemplo, afirmar claramente que o preço com desconto especial terminará em breve pode incentivar os usuários a comprar seu produto agora.
• Forneça informações dinâmicas que transmitam escassez. Por exemplo, se você está vendendo apenas 100 unidades, em sua landing page, exiba quantas unidades restam sempre que alguém compra uma unidade.

Sobre Ofertas poderosaseles exibem uma contagem regressiva de quanto tempo até a transação expirar. Isso pode levar os visitantes do site a comprar uma oferta imediatamente.

Elementos de confiança

Há muitas maneiras de fornecer aos usuários a garantia de que a ação solicitada em sua página de destino é segura e protegida. Uma maneira é fornecer prova social. A prova social pode ser na forma de exibição de tweets sobre um produto, depoimentos de compradores anteriores e avaliações positivas em sites de terceiros/não afiliados, como sites de avaliação e blogs. Outras formas incluem a exibição de certificados e crachás de empresas terceirizadas. Pontas:

• Forneça dados de prova social de serviços da web confiáveis ​​e conhecidos. Por exemplo, exibir o número de curtidas no Facebook é uma boa maneira de mostrar a prova social.
• Localize elementos de confiança próximos à frase de chamariz. É importante que o usuário consiga ver esses elementos de confiança em torno de sua frase de chamariz.
• Seja honesto. Nem é preciso dizer: não publique depoimentos falsos e contagens exageradas de seguidores nas redes sociais.

No FreshBooks página de destino, você pode ver três elementos de confiança: (1) O número de pessoas que usam seu serviço da web, (2) citações de sites respeitáveis ​​​​e conhecidos, como o New York Times e (3) sua certificação de privacidade.

Conclusão

O design das páginas de destino é crucial para levar os usuários a realizar a ação desejada. Seguindo as dicas simples mencionadas acima, você estará no caminho certo para criar páginas de destino eficazes.

Conteúdo relacionado