Design de Conversão para Landing Page -Jovem Digital
atualização-do-snapchat
NOVIDADE DA SEMANA – Atualização do Snapchat
9 de junho de 2016

Design de Conversão para Landing Page

design-de-conversão

Este artigo foi baseado numa apresentação sobre design de conversão entre a Kissmetrics em parceria com Unbounce e tem por objetivo melhorar o desempenho de sua Landing Page.

Você já parou para pensar por que uma empresa converte mais do que a outra e muitas vezes com o mesmo tipo de produto e sem diferencial nenhum? Ou mesmo com diferencial, ainda assim fica atrás. Por que uma página ou anúncio é melhor que outro? O que eles têm de diferente que os fazem vender mais?

Eu poderia responder a esta pergunta com várias respostas diferentes, no entanto, seu problema pode estar no Design, e por isso abordarei um assunto desconhecido por muitos, o Design de Conversão.

Se nunca escutou falar isso, dê uma paradinha e leia este post até o final e garanto que sairá daqui com ótimos insights.

Embora aqui no Brasil ainda não se fale muito nisso, já existe um nicho para profissionais dedicados a este tipo de trabalho.

Design de conversão é projetar o fluxo, a interação, a orientação dos usuários através do ambiente de navegação, compreendendo e melhorando a experiência destes espaços na criação de sistemas e produtos. E isso cria uma intuição onde os usuários sabem:

  • Onde eles estão
  • Para onde eles podem ir
  • Como eles podem voltar

Mas isso não é o ideal para o máximo de conversões!

Para entender como se fazer o maior número de conversões, primeiro precisarei falar de “Landing Pages”

Entendendo as Landing Pages

Para quem acompanha as tendências que têm sido utilizadas ultimamente em campanhas de marketing, seja de infoprodutos ou não, deve ter percebido o uso do termo “landing pages”.

Landing pages, leia-se página de captura – serve simplesmente para o usuário realizar algum tipo de ação específica. Essas ações podem ser para: compras, ligações, cadastros, assinaturas, orçamentos. Por isso, além da finalidade do uso de Landing Pages ser muito extensa, ela atualmente se faz necessária para que se tenha uma campanha de marketing eficaz.

 

Melhore Sua Landing Page Com Design de Conversão

Para conseguir o máximo de eficácia em suas ações de marketing, é necessário entender alguns dos princípios para o design de conversão: ATENÇÃO, ASSIMILAÇÃO, CONTEXTO, HARMONIA, CLAREZA, CREDIBILIDADE, SEQUÊNCIA

 

ATENÇÃO

Existem três coisas que precisa saber sobre atenção:

1 – O Anúncio captura a atenção

2 – O Título, (H1) ou Cabeçalho mantém a atenção

3 – O Design focaliza a atenção

 

diferença entre homepage e landing page

Quantos botões ou links você vê na HOME PAGE?

 

Só no menu tem 5 botões, fora o resto do layout.

E na Landing Page?

Somente um botão. Uma única opção! Neste caso, a única forma do usuário não clicar no botão e não gerar conversão é se ele sair da página. Mas se você tiver feito o caminho anterior até ele chegar aqui de forma correta e contextualizada, a chance de conversão é muito grande.

FIQUE ATENTO: Na proporção de elementos interativos (links) na página, para o número de metas de conversão da campanha (que é sempre um).

Removendo as opções disponíveis, as pessoas estarão mais propensas a clicar sobre o que você deseja que elas cliquem.

 

Ou seja, quanto menos a atenção é dividida, maior será a conversão!

Uma landing page sem intenção e mal direcionada será como jogar todo seu trabalho fora, pois o objetivo mais importante no design de conversão no fim das contas é fazer o usuário clicar no botão de ação, portanto este é o princípio número 1 de todos.

Utilize setas para mostrar o caminho a ser seguido, o local a ser focado.

Coloque um elemento de destaque para onde usuário deva olhar, e ali deverá estar seu call to action.

 

Toda campanha de Marketing precisa de uma Landing Page dedicada – (Oli Gardner, Unbounce Co-Founder)

 

ASSOCIAÇÃO

É o vínculo que existe entre o pré clique e a experiência correspondente depois do clique.

É compreendido por uma ou mais:

  1. Correspondência de Mensagem
  2. Correspondência de Design

Correspondência de Mensagem

– combine a cópia do título do seu anúncio com o título da sua landing page

 

exemplo-de-anuncio

landing-page-erradalanding-page-correta

 

Correspondência de Design

– combine o design do seu anúncio com os aspectos do design de sua landing page.

 

Anúncio + Landing Page -> SEM SINERGIA

anuncio-design-errado

landingpage-design-errado

 

 

 

 

 

 

 

 

 

Abaixo segue a forma CORRETA

anuncio-design-correto

lading-design-correto

 

 

 

 

 

 

 

 

 

Perceberam a diferença? Título + Design podem se tornar duas armas muito eficientes quando utilizadas da forma correta!

Combinando landing page com títulos e imagens no seu anúncio, você obtém:

Menor custo por clique

Posição de anúncio superior

Melhor roi

Maiores taxas de conversão

 

CONTEXTUALIZAÇÃO

 O termo contextualizar significa adicionar uma situação, acontecimento ou discurso ao ambiente que está inserido

É criar uma experiência que demonstre a percepção dos visitantes no ambiente e apresente a oferta, e a sua utilização nesse mesmo ambiente.

Eu acredito que a melhor forma de fazer alguém entender certas coisas é fazendo analogias ou dando exemplos reais, então let’s go!

Supondo que você vá realizar um evento sobre Marketing, neste caso o que você acha que deve ser contextualizado? Se pensou nos palestrantes, está correto!

Se você está interessado em adquirir mais conhecimento sobre Marketing e deseja ir em um evento desses, o seu maior objetivo será saber os temas que serão abordados e quem estará explicando isso para você, certo?

Neste caso, como demonstrar a oferta e sua utilização?

  • Coloque os perfis dos palestrantes com o resumo do cada um.
  • Faça vídeo com cada um deles. Estes vídeos poderão ser utilizados inclusive para divulgação e sua landing page como página de destino.
  • Especifique os temas que serão abordados

 

Se for um produto, mostre como funciona, demonstre como ele é. As páginas de produto de celular são uma ótima forma de exemplo. Como gosto bastante de iphone, darei o exemplo dele:

http://www.apple.com/br/iphone/why-theres-iphone/

 

Se for um curso, dê 1 ou 2 módulos gratuitos, demonstre os assuntos que são abordados nele.

 

O Theme Forest é tipo um Marketplace que dentre os produtos que vendem estão templates para WordPress. Entre as várias empresas que existem nele, tem uma que se chama Be e ela desenvolve templates que se transformam em mais de 100 layouts diferentes.

Vejam de que forma eles contextualizam isso:

http://themes.muffingroup.com/be/splash/

 

Combine o estilo e contexto da conversa estabelecida antes do clique até o momento da chegada na landing page, pois é de blogs e e-mails quem vem a maioria dos links para ela.

Contextualizando… http://brunopinheiro.me/aprenda-como-usar-internet-favor-da-sua-empresa/

 

Dê um gostinho. Sempre que possível, deixe seu lead experimentar antes de comprar.

     Afinal, você julga melhor um livro pela capa ou pelo prefácio?

 

ADEQUAÇÃO

Adeque cada elemento na sua página para que ele funcione de acordo para produzir uma única mensagem coesa.

Alinhamento De Conteúdo

A sua página conta uma história?

– Anote todo o texto de sua página em uma única coluna.
– Leia em voz alta como se você andasse ao redor da sala.
– Logo que algo soar errado, reescreva ou remova.

O objetivo é remover qualquer mensagem inadequada!

Textos desnecessários podem diminuir drasticamente sua conversão.
Evite menções negativas e palavras sugestivas

Obs: Lembre-se que estou falando de Landing Page, ou seja, o objetivo é conversão. Caso queira utilizar este tipo mensagem para um box de captação de email no seu blog ou uma Homepage, é outra situação, ok?

lp-texto-sugestivo-incorreto

 

CLAREZA

Crie experiências agradáveis e facilmente legíveis que estimulem a conversa, e mantenha a sua marca na cabeça das pessoas para oportunidades futuras.

 

Espaços em branco

Ofereça uma leitura mais prazerosa utilizando espaços em branco.

clareza-incorreta

clareza-correta

 

 

 

 

 

 

 

 

 

 

 

 

Perceberam a diferença de leitura?

 

Esse é um dos aspectos que mais me incomoda. Uma página mal diagramada, além de nos tirar o foco, nos confunde e a leitura passa a ser dificultosa. Vejo este tipo de erro como um convite para o usuário sair da sua página e não voltar nunca mais.  Top 2 na minha humilde opinião sobre design de conversão.

 

Mensagem antes da marca

Nem sempre sua marca deve ser o centro das atenções, ainda mais quando se trata de landing page. Você pode deixar o holofote de sua marca no seu site ou em outros locais, pois o foco estará no título principal, informações acerca do produto pretendido e o formulário do call to action. O intuito aqui é mostrar que você deve dar mais importância as informações do que a sua marca.

O aspecto dominante deve ser o que chamamos de Copy (Copywrite) e não sua logo.

Sua marca não converte, mas a informação que você passa sobre ela, sim!

 

CREDIBILIDADE

Desde a web 2.0, temos vivido uma era de contribuição e compartilhamento de conteúdo interativos devido ao aumento expressivo de número de blogs e outras plataformas sociais. A interação entre os usuários e suas ações nesse ambiente virtual tem o potencial de promover ou dificultar o sucesso de qualquer produto, marca ou pessoa. E é por isso que devemos tomar cuidado e dar muita importância ao trabalho que é realizado através do ambiente online.

O “boca a boca” tem um alcance muito maior na era digital, então tire proveito disso com sabedoria.

 Aproveite as demonstrações de confiança, transparência e verifique os comentários sociais, para aumentar a conversão.

Demonstrações de credibilidade podem ser:

– depoimentos (estudos de caso, citações, os tweets)

– comentários (clientes, profissionais)

– classificações (estrelas, pontuação, ranking)

– títulos (certificados, diplomas de instituições renomadas)

– interações sociais (likes, compartilhamentos, seguidores)

Muitas pessoas tomam a decisão de comprar algo, baseado no depoimento de outras, mesmo que não as conheçam, por isso considero o 3º mais importante princípio sobre design de conversão.

 Dica:

Depoimentos em vídeo podem aumentar a conversão em até 6x.

 

 

SEQUÊNCIA

Quem já trabalhou com vendas alguma vez na vida já teve ter escutado falar de venda casada. A ideia aqui é simples. Se o seu potencial cliente está propenso a realizar uma ação, tente oferecer outra logo em seguida.

Tendo uma loja como exemplo, se o cliente entra querendo uma camisa, ofereça uma bermuda ou calça como complemento. Não desperdice suas chances!

Aqui funciona da mesma forma. Aproveite a oportunidade para fazer uma segunda conversão.

No case abaixo, a landing page tinha um botão de ação para inscrição em um Webinar.

Após o cadastro, uma mensagem de obrigado aparece com um botão de ação com um convite para inscrição no blog também.

 

sequencia-de-conversao

Resultado:

2,500 registros no Webinar

1.100 novos inscritos no blog

Não tenha medo de pedir um pouco mais!

 

Talvez este seja o aspecto menos importante de todos, mas se estamos falando sobre design de conversão, por que não tentar?

 


 O que aprendemos sobre design de conversão para landing pages:

1- Toda campanha de marketing precisa de uma landing page

2- Quando se diminui a atenção, a conversão aumenta.

3 – A assimilação do título da landing page e imagem do anúncio criam uma experiência melhor e resultam numa maior conversão.

4- Contexto é rei em manter a dinâmica da conversa e levar a grande vitória

5 – Escritas incoerentes pode matar as taxas de conversão

6 – Foque na mensagem antes da marca

7 – Sempre tente uma segunda conversão na confirmação de páginas.

8 – Estude mais fundo suas métricas para verificar os resultados de teste e desempenho

 

Este foi meu primeiro post, por isso é muito importante que eu tenha um feedback para poder melhorar e continuar fazendo posts úteis e informativos. Se você gostou, comente e compartilhe para que possamos ajudar outras pessoas também. Obrigado!

 

Se quiser ficar por dentro dos meus artigos e novidades, se inscreva abaixo.

Receba minhas dicas e artigos mais Tops!
  • Danilo Anderson Nogueira

    Parabéns, pelo artigo, Pedro!! Tinha acabado de ouvir sobre Landing Pages em um vídeo no Youtube…

- NOVIDADES -
INSCREVA-SE

Entre para a minha Lista Top

Fique ligado em todos os artigos, dicas e novidades do blog.
Receba todas as novas matérias em seu e-mail, sem spam.
Receber