Call to Action: O Clique da Conversão

call to action

Lembra do seu cadastro no Facebook ou em qualquer outra rede social ?

A assinatura de algum serviço do Google ou outro serviço online ?

Uma compra num e-commerce ?

O ponto comum entre todos esses exemplos é justamente aquele botão que destaca-se pelo tamanho, cor, posicionamento na página e etc.

Parece que não, mas esse botão tem muita influência para guiar um usuário até a conversão de qualquer produto ou serviço.

Portanto, após acompanhar tudo sobre call to action nesse artigo, prepare-se para melhorar ainda mais as conversões do seu site.

O que é um Call to Action ?

Call to Action ou CTA significa chamada para ação. É um elemento muito importante no processo que faz com que o usuário clique onde você deseja.

O objetivo é fazer com que o usuário realize determinada ação, seja convertendo algo no momento do clique ou sendo direcionado para uma página de conversão após o clique.

Um Call to Action pode ser encontrado em diferentes formatos:

  • O Botão

botões

  • O Link

call to action link

  • A Imagem

call to action imagem

Independentemente de como seja sua chamada/call to action, o objetivo será sempre o mesmo. Receber o clique do usuário e converter algo.

Mas, para que isso seja feito com eficiência, é necessário atentar-se a alguns pontos que tem muito a ver com usabilidade.

Atenção nas Cores 

call to action cores

Para dar contraste ao Call To Action e garantir mais atenção do usuário, é imprescindível o uso de cores que se diferenciem de outros elementos da página.

Dentre as mais usadas…

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.

Confira esse call to action usado em nosso site:

call to action botão

  • Use Setas 

seta

Indica o caminho a ser seguido para que naturalmente o usuário faça a conversão.

  • Seja Específico

exemplo botões

No texto do botão ou no texto de um link, tente não utilizar o genérico “Clique Aqui”. Exemplos…

Cadastro de e-mail:

Assine nossa lista

Quero Cadastrar

Download do E-book:

Receber E-book

Receba Seu E-book

Download do Infográfico:

Receba Seu Infográfico

Quero Meu Infográfico

Confira o Call to Action de grandes empresas e um pouco da teoria por de trás disso:

Repare em como todas essas empresas exploram 3 pontos:

  1. Sempre descrevem o produto ou serviço em poucas palavras;
    • Uma frase positiva relacionada ao serviço;

    • Uma descrição super clara e curta que define o serviço ou produto.

  2. Utilizam um design simples e minimalista;
  3. A chamada sempre está em total contraste com o resto do layout.

Uber

uber

1- Mensagem Positiva

SEU MOTORISTA PARTICULAR

2- Simples definição do serviço

Transporte em minutos com o Uber app

Consegue ver aqueles 3 pontos no fim da imagem ? Cada ponto mostra uma imagem diferente que representa um serviço da Uber.

O fato é que as imagens mudam, mas a chamada em azul com o texto “cadastre-se” continua imóvel e em total contraste em relação ao layout.

Airbnb

airbnb

1- Mensagem Positiva

SINTA-SE EM CASA

2- Simples definição do serviço

Alugue acomodações exclusivas de anfitriões locais em 190+ países.

Com uma bela imagem de fundo e duas descrições super simples, tudo é muito claro na página inicial do Airbnb.

Apesar chamada “Como Funciona” ser bem centralizada, não destaca-se mais que a barra de busca logo abaixo.

O cinza claro usado na chamada “Como Funciona” é bem discreto se comparado ao vermelho da chamada “Buscar”.

Isso porque, entender o serviço é importante, mas, deixar bem visível e simples a busca por acomodações é ainda mais essencial.

Dropbox

dropbox

1- Mensagem positiva

Coisas boas acontecem com seus arquivos aqui

2- Simples definição do serviço

O Dropbox mantém seus arquivos seguros, sincronizados e prontos para compartilhamento fácil.

A cor azul escuro das chamadas acompanha o azul do logo. Mesmo com o desenho do laptop, sol e etc, as chamadas destacam-se bastante por duas razões:

  1. Todo o background é branco. Portanto, qualquer cor mais escura destaca-se com facilidade;
  2. Além do desenho ser bem simples, as cores usadas são bem “ralas”. Assim, as chamadas continuam em maior contraste do que qualquer outro elemento da página.

Evernote

evernote

1- Mensagem positiva

O trabalho da sua vida

2- Simples definição do serviço

O que você vai realizar hoje? O Evernote é o espaço de trabalho ideal para fazer o que tem que ser feito.

Assim como no Dropbox, a chamada do Evernote acompanha o logo, e mesmo com um gramado ao fundo, o verde claro do call to action tem total contraste.

Conclusão

call to action

Alguns pontos para se atentar quando for criar um call to action:

  • É importante definir a cor da chamada não somente pelo gosto pessoal, mas também levando em consideração as outras cores já utilizadas no seu layout.
  • Assim como nas páginas das grandes empresas mostradas aqui, crie mensagens curtas que definam a essência do produto e/ou serviço;
  • Sempre que possível evite o genérico “Clique Aqui” no texto do botão.

E então ? Preparado para criar chamadas atraentes ?

Espero que sim, pois, além de não ser difícil, pode melhorar bastante suas conversões.

Por fim… Não deixe de compartilhar sua opinião nos comentários e se inscrever em nossa lista de e-mails para receber novos artigos.

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