Oito princípios de design por trás das páginas de destino de alta conversão

Então você descobriu Divi e partiu em busca de criar um site. Mas quando o site foi ao ar, você descobriu que, embora pareça ótimo, você não está atingindo as metas de conversão que tinha em mente.

Isso não significa que você deve abandonar seus esforços. Mesmo que Divi deixe você pular todo o aprendizado que você precisa fazer para fazer um belo site, você ainda precisa entender os princípios de criação de um design que converte.

Para fazer isso, você precisa aprender os princípios básicos e tentar implementá-los em seu próprio site. Concedido, você precisará experimentar o aplicativo por um tempo, e fazer o teste A / B o ajudará a chegar lá mais rápido. Sem esses princípios, porém, você descobrirá o que fazer com o site para torná-lo convertido por muito mais tempo.

O problema é que trabalhar até as taxas de conversão perfeitas para suas páginas de destino não é uma jornada rápida para a maioria. Não existe uma fórmula mágica que faria uma landing page saltar de 0% para 50% de taxa de conversão.

No entanto, aumentar a taxa de conversão de seu site já em 100% ou até 300% não é uma coisa incomum quando você se aplica. Mesmo que cresça de 1% para 3%, são dois leads a mais a cada cem visitantes, o que pode ser uma virada de jogo para o seu negócio.

A única coisa que você precisa fazer para alcançar esses resultados é aprender algumas regras comuns que permitirão que suas páginas de destino se tornem mais lucrativas.

Nesta postagem, você descobrirá oito princípios de design que ajudarão a tornar suas páginas de destino mais eficazes.

Design para Pessoas

O público de cada empresa é diferente. Eles são pessoas diferentes, eles querem coisas diferentes do produto, eles pensam de forma diferente. Você precisa aprender tudo sobre o seu para transmitir a mensagem que eles precisam ouvir.

Se você ainda não desenvolveu buyer personas, você precisará fazer isso para a página de destino. Para iniciantes completos, seria melhor verificar todo o artigo, mas se você já conhece um pouco sobre buyer personas, aqui é onde você pode encontrar informações sobre seu público.

• Analytics do Google e do Facebook.
• Pesquisando palavras-chave do Google para a intenção.
• Procurando a opinião pública sobre o Reddit e o Quora.
• Estudo dos perfis de mídia social dos usuários.
• Conduzindo entrevistas pessoais.

Agora, fazer uma entrevista pessoal pode ser um exagero para a maioria das pequenas e médias empresas. Você não precisa ir tão longe com a pesquisa do cliente, os primeiros quatro métodos são mais do que suficientes para atualizar sua página de destino.

O mais importante é projetar cada patamar específico para seu público. Você está realizando duas campanhas de marketing distintas para leads de clientes vitalícios de alto valor e para compradores com descontos? Você não pode ter o mesmo pouso

Consistência

Este conselho pode soar como "não misture tudo". Bem, é mais ou menos isso. Você precisa fazer o design e a mensagem da página de destino consistentes com o design e a mensagem do link de origem.

Algumas páginas de destino obtêm tráfego de resultados de pesquisa, outras de anúncios pagos. Se for o último no seu caso, certifique-se de que o banner, a mensagem e o design da página de destino estejam alinhados.

Se houver uma grande diferença, os usuários podem pensar que é uma farsa. Mas parecer malicioso não é a única coisa com a qual você deve se preocupar. Se a mensagem for inconsistente entre o link para a página e a própria página, muitos leads simplesmente rejeitarão porque não encontram o que procuram.

Minimalismo

Este princípio de design não é útil apenas quando você está criando arte contemporânea. Também é muito útil para projetar páginas de destino a partir de todas as coisas.

O fato é que uma página de destino não significa fornecer o máximo de informações possível aos visitantes. Trata-se de simplificar a conversão. Quanto menos elementos adicionais houver na página, melhor.

Certifique-se de que não haja distrações na página e que os usuários sejam direcionados diretamente para a seção de CTA.

Este site de ONG é o mínimo possível. A linha reta na parte superior indica ligeiramente a rolagem para baixo para ver mais.

fonte: chamada california

Mas você não precisa ir ao minimalismo artístico em sua landing page, como esta ONG da Califórnia. Você pode apenas manter o número mínimo de elementos, como o Shopify.

fonte: shopify

Quando os leads não são bombardeados com CTAs e distrações na página de destino, eles lerão as poucas informações que você fornecer e continuarão a navegar.

Primeiro plano

Este princípio de design é tão simples que você já o está usando em sua vida diária. Trate sua página de destino como um livro didático do aluno. Todas as informações do livro são importantes, mas as partes mais importantes são destacadas com um marcador amarelo difícil de perder.

Use a cor do plano de fundo e da fonte, o tamanho e a forma da fonte e o espaço em branco para colocar em primeiro plano os elementos mais importantes da página.

O exemplo mais simples de primeiro plano é tornar os subtítulos maiores e dar-lhes uma cor diferente.

Dar a CTAs importantes uma cor contrastante também é uma prática comum.

Chame a atenção

Quando um novo lead chega à página a partir de um anúncio, você tem um pequeno intervalo de tempo para chamar a atenção dele. Algumas fontes afirmam que o prazo é de apenas 2,6 segundos. Como você pode chamar a atenção de um estranho em menos de 3 segundos? Aqui estão quatro sugestões.

• Use o movimento (reagimos contra sua vontade) ou rostos humanos acima da dobra
• Explique sua oferta em uma frase que você coloque em primeiro plano
• Aumente o interesse, possivelmente oferecendo uma avaliação gratuita
• Mostre uma estatística ou figura importante

Esta página de destino do Airbnb faz três coisas da lista.

fonte: Airbnb

Ele tem um rosto amigável que automaticamente atrai a atenção. A próxima coisa que uma pessoa vê é uma oferta para ganhar dinheiro. Quando o Airbnb mostra a estimativa mensal, a empresa tem toda a atenção desse lead.

Grids e comunicação visual para escrita UX

Um bom design de site é mais ou menos uniforme. Um bom arremesso não é. Considere todo o seu conhecimento sobre o seu público e crie uma mensagem que convença os usuários a converter. Faça uso de fatores sociais, dores e valores de seus clientes que você aprendeu.

Porém, não escreva um ensaio de 1.000 palavras explicando por que seu produto é bom. Seja o mais breve possível e use grades para estruturar o que você tem a dizer.

É um princípio de design que você já deve conhecer, porque toda estrutura e modelo, incluindo Divi, o possui. Aqui está uma grade de três colunas que o Shopify usa.

fonte: shopify

Aqui está uma grade com duas colunas da página de destino do Airbnb.

fonte: Airbnb

As grades podem parecer um pouco enfadonhas porque todo mundo as usa, mas é uma das poucas coisas que ajuda a transmitir seu ponto de vista, então é um meio-termo. Se uma grade simples com ícones e texto parecer muito enfadonha para você, tempere-a com espaço em branco e diferentes primeiros planos. Com Divi, você pode projetar em qualquer lugar e fazer com que seu padrão de grade tenha a aparência ideal.

Outro princípio de design importante que você pode usar para escrever UX é a comunicação visual. A escrita UX não envolve apenas texto. Use imagens, animação ou vídeos para explicar o que seu produto pode fazer pelo cliente.

Aqui está um exemplo minimalista e ousado daquela ONG da Califórnia.

fonte: chamada california

Conversão sem esforço

As pessoas que projetam lojas físicas não fazem os clientes perderem a cabeça para pagar os mantimentos. Você também não deve exigir que os clientes passem por um processo de registro de 10 minutos para fazer uma compra. Na verdade, quanto mais campos de formulário houver na página de destino, menos conversões obterá.

Mantenha o número de movimentos que uma pessoa precisa fazer para converter o mínimo possível e torne a frase de chamariz em primeiro plano e muito óbvia. Se você oferece uma espécie de teste gratuito, pode precisar apenas de um botão CTA. Afinal, a oferta já exige muito pouco esforço.

Caso contrário, deixe a segunda opção, caso o usuário não esteja pronto para converter agora. A escolha não deve ser entre sim e não, mas entre sim e sim, mas depois.

Ter um chatbot como seu CTA de backup também é uma ótima ideia.

Estude como as pessoas interagem com o design

Começar com esses princípios e aprender mais sobre as diretrizes de experiência do usuário do Google é uma base sólida para um site de conversão. No entanto, se você deseja se destacar como designer, deve estudar como os usuários interagem com o que você projeta. Especialmente, se centenas de milhares de dólares em receitas estão em jogo.

Como você faz isso? Você pode começar explorando como o site ficaria do ponto de vista do seu cliente.

Use a ferramenta de desenvolvedor Chrome ou Firefox para redimensionar a janela do navegador e ver como o design muda em telas de tamanhos diferentes. Seu site tem como alvo clientes de diferentes locais ao redor do mundo? Para melhores testes, você também deve usar VPN. Por exemplo, existem muitos VPNs para Mac, Android e outros. Isso ajudará você a não perder clientes.

Também ajuda a ver a velocidade de carregamento se você fosse um visitante do Japão ou da Nova Zelândia. Se seus servidores estiverem localizados apenas nos EUA, os visitantes de outros países podem ter um tempo de carregamento mais longo, e isso não é algo que você deseja.

Por último, você precisa observar como as pessoas reais interagem com o seu site. Projete várias versões da página de destino e use a ferramenta de teste de divisão da Divi para ver o que tem melhor desempenho.

Para obter ainda mais informações, obtenha uma ferramenta de mapa de calor como o Hotjar para ver onde as pessoas estão clicando e passando o mouse. Se o seu CTA não recebe a atenção que você gostaria, é um sinal de que você precisa melhorar.

Pensamentos finais

Esses oito princípios de design ajudarão muito a tornar suas páginas de destino melhores. Mas não pare de aprender só porque conheceu oito deles. Aprenda mais sobre os princípios de design para páginas de destino, atualize seu conhecimento do design de IU, aprendendo como criar planos de fundo paralaxe no Divi para chamar a atenção de seus clientes potenciais.

Imagem em destaque via PureSolution / Shutterstock.com