7 Comprovados Padrões de Design Que Aumentam as Conversões das Landing Pages

landing page capa

Como já sabemos, as Landing Pages são essenciais para converter parte do tráfego e aumentar a geração de leads.

Mas, entre o usuário cair na página e realmente converter a oferta, existem alguns fatores que têm total influência na taxa de conversão.

É ai que entra o Conversion Centered Design – CCD ou Design Centrado na Conversão.

O Conversion Centered Design, nada mais é do que um conjunto de 7 comprovados padrões de design que aumentam as conversões.

  1. Encapsulamento;
  2. Contraste e Cor;
  3. Direção;
  4. Espaço em Branco;
  5. Urgência e Escassez;
  6. Teste Antes de Comprar;
  7. Prova Social.

Já que as Landing Pages tem tudo a ver com conversão, os 7 padrões podem ser aplicados sem dificuldade.

Então, vamos a eles!

#1 – Encapsulamento

landing page encapsulamento

Lembra-se do marca texto? Pois bem, a ideia é exatamente a mesma, destacar o que é mais importante do resto do conteúdo.

Consiste em nada mais do que direcionar a atenção do usuário para um local específico do layout.

Isso é feito por meio de uma caixa que separa e isola alguns elementos da página.

landing page encapsulamento

Normalmente isso é feito com os campos de assinatura e o call to action (assim como demonstrado na imagem acima).

#2 – Contraste e Cor

landing page contraste e cor

É importante dar contraste a caixa que isola os campos de assinatura e o call to action.

Mas, no caso de uma Landing Page, é ainda mais importante escolher uma cor que diferencie o call to action de qualquer outro elemento.

Se o texto e outros elementos da página são pretos, não é interessante ter um call to action cinza por exemplo.

landing page contraste

Algumas cores muito usadas nesses botões:

Vermelho – É uma cor vibrante e proporciona bastante destaque. Por isso, deve ser usada com moderação.

Laranja – É o meio termo entre o vibrante vermelho e o forte amarelo, também costuma ser associado a sentimentos positivos.

Amarelo – Relacionado a atenção, concentração e etc. Não à toa é muito utilizado em placas de trânsito.

Verde – Associado a permissão, disponível, siga em frente e etc. Cor mais utilizada em call to action de e-commerce.

Azul – Transmite sensação de confiança e segurança. Muito utilizado por empresas de tecnologia.

Além disso, vale usar a criatividade no texto do botão e fugir de palavras muito genéricas como:

Clique Aqui

Enviar

Receber

Isso é pouco convincente e não ajuda o usuário a pensar que está tomando a decisão certa.

Use algo do tipo…

Para o download do E-book:

Quero Meu E-book

Receber Meu E-book

Quero Receber o E-book

Para saber muito mais sobre Call to Action confira esse artigo.

#3 – Direção

landing page direção

O objetivo é bem simples, mostrar o elemento mais importante da página ao mesmo tempo em que o usuário é guiado para a conversão.

Isso pode ser feito de diversas maneiras…

Na imagem da estrada acima, o call to action poderia ser centralizado no topo da foto, de modo que o usuário tenha a impressão de que a estrada leva ao call to action.

Por meio de uma seta…

landing page seta

Imagens em que pessoas estão olhando para o call to action.

landing page imagens direção

É comum quando alguém está olhando numa direção e outra pessoa faz o mesmo por um impulso natural, existe poder de persuasão nisso e realmente funciona.

Portanto, seja usando a imagem de um caminho, uma seta ou pessoas olhando em alguma direção. É importante saber qual opção adapta-se melhor ao seu modelo de Landing Page.

Dessa forma, pode tirar o máximo potencial que essa técnica oferece.

#4 – Espaços em Branco

landing page espaço em branco

Deixar o layout da Landing Page mais limpo é o foco aqui.

Ao aproximar muito os itens da página, o elemento principal, que é o que se encontra dentro da caixa, pode não se destacar tanto quanto antes.

Portanto, tente criar algo simples e objetivo, dando o devido espaço a cada elemento da página, isso sem dúvida ajudará nas conversões.

Menos é Mais!

landing page espaço branco

Dica: Faça testes A/B, ou seja, crie duas versões da mesma Landing Page e analise qual está convertendo mais.

#5 – Urgência e Escassez

landing page urgência e escassez

Sem dúvida alguma você já se deparou com essa técnica sendo usada em diversos meios e de diversas formas.

Algumas maneiras conhecidas e muito usadas são:

  • Contagem Regressiva;
  • Últimas Peças;
  • Oferta por Tempo Limitado;
  • Condições Especiais Para os Primeiros Compradores.

Como bem sabem, existem muitas técnicas usadas para causar o famoso efeito de urgência.

Se bem usado, isso pode acelerar a tomada de decisão pelo simples fato de passar a sensação de que aquele produto vai acabar rápido.

Assim, a famosa compra por impulso é impulsionada 🙂

landing page urgência

É importante lembrar que usar esses gatilhos mentais de urgência é também um exercício de escrita, e se bem combinado com o design da Landing Page, pode aumentar a taxa de conversão.

#6 – Teste Antes de Comprar

landing page teste

Foi à feira hoje?

Pergunto isso, pois é muito comum quando o feirante corta um pedaço de manga por exemplo, e jura que você tem que levar uma porque aquela manga está no ponto, extremamente doce e etc.

Isso é bem diferente de simplesmente falar que aquela manga é a mais doce e pedir pra você levar. Correto?

Essa técnica é bem utilizada em serviços. Muitas vezes, ser usado por um determinado período de tempo é tudo que seu produto precisa para convencer o cliente.

landing page teste

Além disso, liberar esse produto/serviço gratuitamente por um determinado período, pode transmitir mais confiança e transparência aos consumidores.

#7 – Prova Social

landing page prova social

De acordo com uma pesquisa realizada pelo IBOPE em Abril de 2015, 47% das pessoas procuram opiniões sobre o produto antes de realizar uma compra online.

Ou seja, quase metade dos usuários querem saber a opinião dos outros (sejam esses amigos ou não) em relação aquele produto que pretendem comprar.

Esse número é muito significativo e mostra a importância que as pessoas dão a uma segunda, terceira, quarta… opinião.

landing page prova social

Portanto, se puder adicionar o depoimento de algum grupo, feedback, avaliações e etc, lembre-se que será uma excelente forma de convencer o usuário a fazer a compra.

Conclusão

landing page capa

Recapitulando…

  1. Encapsulamento – Isole os principais elementos do layout numa caixa;
  2. Contraste e Cor – Use uma cor diferente na caixa e principalmente no call to action;
  3. Direção – Use uma seta ou uma imagem para guiar o usuário a conversão;
  4. Espaços em Branco – Mantenha o design da página limpo e objetivo, muitos elementos podem esconder o call to action;
  5. Urgência e Escassez – Use gatilhos mentais de escassez (últimas unidades, tempo limitado, oferta relâmpago) a fim de criar senso de urgência nos usuários;
  6. Teste Antes de Comprar – Oferecer um pedaço de manga doce pode ser tudo o que você precisa para convencer o usuário;
  7. Prova Social – As pessoas querem opiniões sobre qualquer produto/serviço. Dê isso a elas para transmitir mais confiança.

Para cada Landing Page que criar, lembre-se dos 7 padrões do design centrado na conversão e coloque-os em prática. Garanto que seus resultados serão acima da média.

Gostou desse artigo?

Então, não se esqueça de compartilhar sua opinião nos comentários e colocar seu email abaixo para receber todas atualizações do blog!

Insira o seu endereço de email para receber gratuitamente as atualizações do blog!>