30 Dicas Praticas de Cro - Taxas de Conersão

30 TÉCNICAS PARA
AUMENTAR SUA TAXA

DE CONVERSÃO
AINDA HOJE
“ Aumentar o percentual de
visitantes do seu site que se tornam
interessados ou clientes, ou seja,
aumentar sua taxa de conversão.
Na Supersonic, sabemos tanto
“
quanto você que esta é uma tarefa
extremamente difícil.
Apresentar seus produtos ou serviços com uma abordagem vendedora,
fazer isso por meio de uma navegação fluida, utilizar um layout atraente
e com textos que sejam persuasivos. E o melhor: fazer tudo isso ao
mesmo tempo! Essa combinação de tarefas mostra que os esforços
para Otimizar a Conversão de um site estão longe de serem simples.
Muito trabalho, é verdade, mas um trabalho extremamente

gratificante…
Afinal, você já sabe: conseguir fazer aquela taxa de conversão de 2%, 5%

ou 10% se tornar 4%, 10% ou 20%, é o mesmo que DOBRAR o
potencial de faturamento do seu site e de seu negócio.
Foi com esse objetivo que lançamos este e-book para ajudá-lo(a) nessa
missão, fornecendo técnicas simples - mas extremamente eficientes -
para virar o cenário atual das taxas de conversão do seu site, aumentando
as vendas, os leads ou qualquer outra conversão que você considere ser
essencial para o seu negócio. Com essas táticas de aplicação rápida, que
podem ser testadas ainda hoje, você terá condições de acompanhar
gradativamente quais delas geram o maior (e mais rápido) aumento em
suas taxas de conversão, garantindo assim um incremento expressivo
de negócio.
E então, vamos começar?

CONTEÚDO
Técnicas de Negócio 6
1 • Pergunte ao seu público exatamente o que ele quer 8

2 • Ofereça uma garantia para o seu produto ou serviço 12
3 • Mostre e detalhe exatamente o que você (ou seu produto) faz 16
4 • Bonifique as principais ações dos usuários 20
5 • Colete (e use) depoimentos 24
6 • Fale ao vivo com seus visitantes 28
7 • Utilize a força da mídia a seu favor 32
Técnicas de Layout 36
8 • Comece a ver exatamente onde seus usuários clicam em seu site 38

9 • Quais cores usar? 42
10 • Ajuste o contraste do site em áreas fundamentais 46
11 • Facilite a leitura de textos 50
12 • Experimente um design minimalista 54
13 • Explore melhor suas fotos 58
Técnicas de Navegação 62
14 • Diminua as interrupções 64
15 • Use interrupções que funcionam 68
16 • Posicione e explore corretamente o seu Call to Action 72
17 • Remova pontos de contato sociais 76
18 • Aproveite a busca interna 80
Técnicas de Conteúdo 84
19 • Adicionando o máximo de conteúdo possível 86

20 • Removendo o máximo de conteúdo possível 90
21 • Adicione legendas às suas fotos 94
22 • Adicione (ou aprimore) os títulos de suas páginas 98
23 • Estimule A urgência em seu texto 102
24 • Use o texto de seus CTAs a seu favor 106
Mobile 110
25 • Avalie a possibilidade de ter uma página exclusiva para acesso móvel 112
26 • Torne fácil ligar para você a partir do seu site móvel 116
27 • Não apenas informe seu endereço. Mostre no mapa como chegar 120
28 • Use apenas as imagens essenciais. Em sites móveis, menos é mais 124
29 • Crie botões ou espaços clicáveis grandes para navegação e CTAs 128
Mensuração 132
30 • Fazendo alterações no seu site em regime de Testes 134

CAPÍTULO I
TÉCNICAS DE
NEGÓCIO
6 30 TÉCNICAS PARA AUMENTAR SUA TAXA DE CONVERSÃO AINDA HOJE

Quando o assunto é Otimizar a Taxa de Conversão de um site, a
esmagadora maioria das pessoas pensa de imediato em alterar os
conteúdos de texto; fazer uma reformulação completa de layout; utilizar
mais fotos em suas páginas; testar novas formas de navegação; e em
outras centenas de possibilidades.
No entanto, frequentemente se esquecem de que grandes

oportunidades estão nos aspectos relacionados ao
negócio da própria empresa: oportunidades relacionadas aos
produtos e serviços oferecidos, às vantagens competitivas (e as que se
poderia oferecer), entre vários outros aspectos.
Para isso, pergunte-se sempre: “Além dos aspectos técnicos do meu

site, quais oportunidades poderiam ser aproveitadas pela forma com a
qual conduzo meu negócio?”.
Veja a seguir várias opções e comece a se planejar para testar cada uma
delas.
7
1
1 • PERGUNTE AO SEU PÚBLICO

EXATAMENTE O QUE ELE QUER
(e o que ele não quer)

1- PERGUNTE AO SEU PÚBLICO EXATAMENTE O QUE ELE QUER
Por que é importante?
Não é raro ver como empresas dos mais diferentes segmentos e portes
têm uma visão diferente da que os visitantes de seus sites. “Empresa
foca em descontos quando seus clientes dão mais valor ao frete grátis”.
“Empresa tenta empurrar o produto A enquanto os clientes estão ávidos
para conhecer melhor o produto B”.
Por mais simples e óbvio que pareça, seu público representa o grupo de
pessoas mais qualificado para dizer exatamente o que espera de seus
produtos e serviços, de sua equipe de atendimento e do posicionamento
de sua marca.
Perguntar diretamente questões importantes aos visitantes gera um

enorme compilado de ideias que poderá ser usado para persuadir e atingir,
finalmente, os objetivos de conversão.
Fazendo isso, a empresa ainda sinaliza um posicionamento de diálogo

aberto, sempre disposta a ouvir e a melhorar a partir do feedback recebido.
9
Como fazer?
Faça perguntas simples como, por exemplo:
• “Qual atributo deste produto você mais valoriza?”.

• “Existe alguma coisa que você não gosta neste serviço?”.
Você pode se surpreender ao ver como os seus visitantes estão muito mais
dispostos a contribuir com essas respostas do que você imagina.
Perguntar o que leva os usuários a não comprarem ou a não realizarem

determinadas ações pode gerar respostas ainda mais úteis.
Com sua lista de questões em mãos, ferramentas como Web Engage

oferecem períodos de teste gratuitos e permitem que você configure
as perguntas que serão exibidas aos visitantes dentro de seu site. As
respostas chegam até você porm meio de painéis organizados, auxiliando
na tomada de decisões.
As ferramentas são de fácil instalação, e, após a inserção do código, as

perguntas começam a ser exibidas pouco tempo depois.

Para se inspirar
http://www.intuit.com
http://www.intuit.com 11
2
2 • OFEREÇA UMA GARANTIA PARA O

SEU PRODUTO OU SERVIÇO

2- OFEREÇA UMA GARANTIA PARA SEU PRODUTO OU SERVIÇO
Em ambientes digitais, nos quais os usuários têm mais comodidade

para pesquisar por produtos e serviços concorrentes, uma boa garantia
pode ser o fator crucial para a realização de uma venda ou conquista
de uma conversão.
Pense: quais garantias você pode oferecer aos seus visitantes para
estimulá-los a confiar ainda mais nas ofertas e promessas que seu site
faz?
Ao oferecer uma garantia, você mesmo demonstra que confia no

que oferece, diminuindo a ansiedade de consumidores indecisos e
conquistando a chance de se diferenciar de forma evidente dos seus
principais concorrentes.
13
Como fazer?
• Seu preço já é bastante competitivo? Que tal ser ainda mais agressivo
e oferecer uma garantia de cobertura do preço dos concorrentes?
• Seu produto é extremamente útil? Que tal permitir que os

consumidores o experimentem por alguns dias sem custos?
• Seu serviço tem qualidade muito acima da média e agrada em cheio

a quem o contrata? Que tal garantir que se o comprador não estiver
satisfeito em até 30 dias, ele poderá recuperar todo o seu dinheiro?
Parece arriscado, certo? Mas acredite: na maioria das vezes, o ganho que
você terá com os novos clientes que aceitaram fazer negócio com você,
justamente pela garantia, será muito maior do que as possíveis perdas com
os poucos “espertinhos” que tentarem se aproveitar de forma desleal das
garantias que você tem a oferecer.
E nunca é demais lembrar: por lei, o consumidor já está naturalmente

resguardado perante dezenas de aspectos legais quando efetua uma
compra, e isso se dá por meio dos órgãos de proteção como o Procon e
o Código de Defesa do Consumidor. Por que, então, não utilizar isso a seu
favor, oferecendo garantias ainda melhores e tão irresistíveis que podem
ser exatamente o que faltava para liquidar qualquer insegurança e dúvida
de seu cliente?

Para se inspirar
http://www.hostgator.com.br
http://www.hostgator.com.br 15
3
3 • MOSTRE E DETALHE
EXATAMENTE O QUE VOCÊ
(OU SEU PRODUTO) FAZ

3- MOSTRE E DETALHE EXATAMENTE O QUE VOCÊ (OU SEU PRODUTO) FAZ
É natural do ser humano criar uma lista enorme de preocupações e

objeções quando se depara com algum tipo de decisão a ser tomada. Não é
diferente quando o assunto é comprar, principalmente on-line.
Para sanar o máximo possível de dúvidas (as que o público possui e as

que você consegue antecipar), por que não mostrar e detalhar o que seu
produto ou seu serviço tem de melhor, explicando para que serve e como
ele pode ajudar seu visitante?
17
Como fazer?
• Releia seus textos descritivos de produtos/serviços cuidadosamente

e reflita: eles conseguem explicar com clareza a mensagem que quero
transmitir? Algum detalhe que poderia ser útil ficou fora do texto? Há
alguma informação que pode gerar dúvidas ao invés de elucidar algum
ponto? 
• É um e-commerce? Reveja cuidadosamente suas fotos. Elas fazem jus

à qualidade de seus produtos? Tente utilizar fotos com um bom nível
de zoom e que mostrem todos os detalhes.
• Já pensou em utilizar vídeos? Com o avanço constante das tecnologias

de filmagem, vídeos de excelente qualidade podem ser produzidos até
mesmo com celulares e utilizados em larga escala para fins de negócio.
Mas não se esqueça: o planejamento dos vídeos é fundamental.
Questões como conteúdo, iluminação, enquadramento, tempo de
filmagem e outros fatores são fundamentais para o sucesso de um
trabalho com vídeos. 
• Possui um serviço muito complexo e difícil de ser assimilado? Que tal

utilizar imagens e esquemas visuais que detalhem de forma clara a
metodologia ou os processos que você utiliza?

Para se inspirar
http://www.amazon.com/kindle
http://www.amazon.com/kindle 19
4
4 • BONIFIQUE AS PRINCIPAIS AÇÕES

DOS USUÁRIOS

4- BONIFIQUE AS PRINCIPAIS AÇÕES DOS USUÁRIOS
Tanto em vendas de produtos de baixo valor quanto em vendas de

produtos e serviços de alto valor agregado, o ato de confirmar uma compra
(conversão de compra) ou demonstrar interesse de compra (conversão
de lead) exige do usuário um alto nível de confiança em relação ao site e
à marca na qual ele está interessado. Confiança de que a empresa arcará
com o compromisso que está sendo firmado entre consumidor e marca;
confiança de que o produto atenderá às expectativas; confiança de que se
ele precisar de atendimento, ele terá - e a lista continua…
Sabendo que o ato de converter é importante (e difícil), por que não pensar
em oferecer ao usuário algum tipo de bonificação para quando ele
completar uma ação importante dentro do site?
Uma bonificação é uma forma de dizer: “Cliente, além de lhe entregar

exatamente o que estamos prometendo, estamos lhe oferecendo este
simpático brinde / conteúdo / presente como um agrado, um simples gesto
de agradecimento por ter confiado em nossa empresa”.
Essa é uma excelente forma de gerar um diferencial competitivo em relação

aos sites concorrentes.
21
Como fazer?
Pequenos agrados como brindes, cupons de desconto para compras

futuras e até mesmo materiais digitais, como PDFs e outros conteúdos
úteis para o usuário, podem transformar um momento simples de interação
em uma satisfatória experiência.
Com essas medidas, poderão ser notados incrementos não apenas na

taxa de conversão, mas também outras métricas importantes, como
recorrência de compra, fidelização, estímulo a compras de maior valor,
etc.

Para se inspirar
http://www.sephora.com.br
http://www.sephora.com.br 23
5
5 • COLETE (E USE) DEPOIMENTOS

5- COLETE (E USE) DEPOIMENTOS
A maioria das pessoas não gosta de se arriscar em um caminho que ainda

não foi percorrido. Portanto, se alguém vai na frente e diz “Ok, é seguro!”, a
tendência é a de que mais pessoas se sintam confiantes.
Nesse sentido, depoimentos de quem já usou e aprovou seus produtos e

serviços servem como excelentes provas sociais e incentivos para que os
visitantes não saiam do fluxo natural de conversão.
25
Como fazer?
Nesse momento você diz: “Mas eu nunca recebi um depoimento!”.
Pense com mais calma. Olhe um pouco para o passado e revise o

relacionamento com a sua base de clientes, contatos e parceiros.
Provavelmente, você se lembrará de ter recebido algum tipo de elogio,
agradecimento ou comentário positivo, mesmo que de maneira informal.
Que tal entrar em contato com essas pessoas e pedir permissão para
utilizar esses conteúdos?
Se bem trabalhadas, até mesmo pequenas frases podem ser utilizadas

como excelentes depoimentos.
E mesmo que você não se lembre de alguma oportunidade anterior que

possa ser usada como depoimento, aproveite o momento e comece a
incentivar seus clientes e parceiros, solicitando a eles que digam o que
acharam de seus produtos e serviços.
Obtendo a devida permissão dos depoentes para usar esse tipo de

conteúdo, com o tempo você terá uma enorme base de comentários
positivos impactando fortemente em suas taxas de conversão.

Para se inspirar
http://www.tagplus.com
http://www.tagplus.com 27
6
6 • FALE AO VIVO COM SEUS

VISITANTES

6- FALE AO VIVO COM SEUS VISITANTES
Entrar em contato em tempo real com os visitantes de seu site é uma

excelente oportunidade de atuar proativamente nos “momentos pré-
conversão”.
Ao conversar ao vivo com seu público, é possível sanar dúvidas, explicar

detalhes sobre os produtos de interesse do usuário, e até mesmo
fechar vendas.
Em relação às ferramentas de chat, estudos* ainda apontam que:
• Ao falar ao vivo com os usuários, eles passam a ter 3x mais chances de

retornar do que aqueles visitantes que não foram contatados via chat.
• Chats diminuem a taxa de abandono de carrinhos de compra de

e-commerces, em 15%.
• Visitantes que conversam com um atendente via chat passam 40%

mais tempo no site.
Em análises recentes, clientes da Supersonic reportaram taxas de

conversão 477% superiores entre usuários que utilizam chat ao vivo no
site, em relação à média.
* Ref.: http://unbounce.com/conversion-rate-optimization/live-chat-for-customer-engagement-and-higher-conversions-olark/ 29
Como fazer?
Ferramentas de chat ativo, como Olark e Snap Engage, oferecem períodos

de testes gratuitos para um atendente, em geral.
Com instalações simples, em poucas etapas um chat estará completamente

configurado e pronto para ser usado como um novo canal de contato com
os possíveis novos clientes.
E o melhor: a maioria dos chats é acessível via dispositivos móveis, dando

a você a oportunidade de continuar disponível ao vivo para seu público,
mesmo quando não estiver próximo a um computador.

Para se inspirar
http://www.purechat.com
http://www.purechat.com 31
7
7 • UTILIZE A FORÇA DA
MÍDIA A SEU FAVOR

7- UTILIZE A FORÇA DA MÍDIA A SEU FAVOR
Citações na mídia frequentemente chamam a atenção das pessoas. O

fator “curiosidade” atrai o olhar dos visitantes para que possam entender
em qual contexto as citações foram feitas.
Afinal, se um site, revista, jornal ou programa de televisão se interessou e

investiu tempo e equipe para produzir um conteúdo sobre aquele produto/
empresa/tema, algum nível de interesse aquele assunto contém.
E, ao ouvir o termo “mídia”, não custa ressaltar: atualmente, não são

apenas os grandes veículos de comunicação que conseguem estimular o
interesse do público. Blogs, pequenos portais, páginas no Facebook e em
outros canais também são comumente considerados grandes referências
e formadores de opinião.
Como fazer?
Se você tem uma assessoria de imprensa, provavelmente já utiliza todo o

material que foi veiculado na mídia sobre a sua empresa ou mercado de
atuação em seus conteúdos - e a favor de sua conversão.
No entanto, se a possibilidade de contratar uma assessoria de imprensa

ainda está distante de sua realidade, o que acha de coletar um apanhado
de notícias e materiais de seu mercado de atuação e escolher aquelas
que podem, de alguma forma, estimular ações dos usuários?
Veja alguns exemplos:
• Notícias que comprovam a eficácia de determinada substância.

Oportunidade: usar citações na mídia para vender determinado
medicamento que contém a substância citada.
• Notícias de economia que comprovam como é vantajoso investir em

imóveis fora do país.  Oportunidade: usar citações na mídia para ajudar
a vender imóveis em Miami.

Para se inspirar
http://www.sambatech.com
http://www.sambatech.com 35
CAPÍTULO 2
TÉCNICAS
DE LAYOUT

Pesquisas indicam que, após chegarem em um site, usuários levam
apenas de 10 a 20 segundos* para concluir se gostaram ou não do que
estão vendo.
Desnecessário dizer o quão importante é o layout nessa percepção

dos usuários, correto? São as cores, formas e imagens que passarão a
primeira impressão e darão ao usuário a sensação de que ele está (ou
não) no local correto, contribuindo fortemente para o início de todo o
processo de conversão.
Nesse cenário, é extremamente importante avaliar de perto o seu

projeto do ponto de vista do design centrado no usuário, para que ele
sempre tenha uma função altamente estratégica, e não puramente
estética.
* Ref.: http://www.nngroup.com/articles/how-long-do-users-stay-on-web-pages/ 37
8
8 • COMECE A VER EXATAMENTE

ONDE SEUS USUÁRIOS CLICAM EM
SEU SITE

8- COMECE A VER EXATAMENTE ONDE SEUS USUÁRIOS CLICAM EM SEU SITE
Além das métricas básicas como volume de visitas, tempo de visitação,

páginas mais acessadas e várias outras opções disponíveis em ferramentas
populares como o Google Analytics, outras informações comportamentais
são fundamentais para entender o que chama ou não a atenção dos
visitantes de seu site.
E é exatamente aí que entram as ferramentas de clickstream, hoje

amplamente disponíveis no mercado.
Funcionam oferecendo um Raio X para os donos de sites, mostrando

por meio de relatórios extremamente visuais, quais áreas de um site são
efetivas em atrair cliques e em promover interações dos usuários.
Também permitem acompanhar até qual ponto de cada página os usuários

estão dispostos a rolar durante a navegação para consumir o conteúdo
disponível.
Como fazer?
Atualmente, as ferramentas de Analytics que oferecem mapas de calor e

de navegação são as responsáveis por popularizar esse tipo de relatório.
CrazyEgg e Lucky Orange, por exemplo, possuem períodos de teste

gratuitos, e com uma simples instalação de linhas de código no site,
começam a gerar relatórios.

Para se inspirar
http://www.hotjar.com
http://www.hotjar.com 41
9
9 • QUAIS CORES USAR?

9- QUAIS CORES USAR?
Estudos indicam a importância que as cores exercem em nosso processo

cognitivo de entendimento do que está ao nosso redor.
E uma conclusão clara é a de que nossas preferências de cores variam

imensamente de acordo com as nossas experiências prévias, crenças e
valores. Portanto, cada pessoa terá suas próprias preferências.
Portanto, todo cuidado é pouco quando a escolha de cores é a tarefa em

questão, principalmente se estamos pensando em sites desenvolvidos
para serem ferramentas de conversão (como a maioria deles deveria ser)
em vez de exercícios estéticos, somente.
43
Como fazer?
Tente montar uma hierarquia de cores. Monte o layout do seu site de

forma que você use sistematicamente a mesma cor nos elementos mais
importantes das páginas (como o botão de conversão), e as demais cores
como complementos que trabalham em função desse objetivo.
Dessa forma, seu usuário será “treinado” a olhar sempre para os elementos
que usam a cor que você escolheu.

Evite usar cores que são incoerentes com a personalidade de sua marca.
Cada cor carrega um certo peso cultural, e é uma boa ideia você respeitar
isso.
Se você vende um produto voltado para o público masculino, a cor rosa (por
mais que ela ofereça um bom contraste com outros elementos) não é uma
boa opção a ser utilizada em sua paleta de cores.

Para se inspirar
http://www.viverdeblog.com/psicologia-das-cores/
http://www.viverdeblog.com/psicologia-das-cores/ 45
10
10 • AJUSTE O CONTRASTE DO SITE

EM ÁREAS FUNDAMENTAIS

10- AJUSTE O CONTRASTE DO SITE EM ÁREAS FUNDAMENTAIS
Ao contrário do que muitos pensam, como você viu no tópico anterior, não
existe a “melhor cor para conversão”.
Não será a escolha aleatória de um botão de cor verde ou a utilização de

um título em vermelho que irá ditar o sucesso ou o fracasso de todo um
trabalho focado em otimizar as conversões de um site.
No entanto, a preocupação com o nível de contraste que seu site (e suas

cores) oferece em áreas fundamentais, como: campos de formulário ou
botões de conversão, pode ser determinante para atrair os usuários a
realizarem determinada ação ou fazer com que passem completamente
despercebidos pela página.
47
Como fazer?
Procure sempre utilizar composições de cores que ofereçam contraste

suficiente para as suas áreas mais importantes, mas sem perder a harmonia
estética geral do layout.
Algumas ferramentas como Paletton e Coolors fazem com que essa tarefa
seja simples.

Para se inspirar
http://www.casamineira.com.br
http://www.casamineira.com.br 49
11
11 • FACILITE A LEITURA DE TEXTOS

11- FACILITE A LEITURA DE TEXTOS
Apesar de estarmos acostumados por anos a ler conteúdos variados em

mídias impressas como jornais e revistas, você há de convir comigo que ler
textos em fontes muito pequenas é extremamente cansativo.
E, incrivelmente, essa é a abordagem de muitos sites atualmente, que

utilizam conteúdos em grandes blocos, sem espaçamento adequado entre
linhas e com fontes que não ajudam em nada.
Se o usuário desistir de começar a entender o que seu produto ou serviço

faz por ter preguiça em relação a como seu texto está disposto, já podemos
considerar a batalha da conversão perdida antes mesmo de começar,
certo?
Pesquisas indicam que, em média, os usuários leem de forma completa

apenas 20% do conteúdo das páginas na internet*. De forma geral,
usuários “escaneiam” os textos. Motivo ainda maior para que eles sejam
esteticamente agradáveis de serem lidos.
* Ref.: http://www.nngroup.com/articles/how-little-do-users-read/ 51
Como fazer?
• Dê preferência a tamanhos maiores** para textos corridos. Deixe as

fontes pequenas para legendas.
• Evite usar textos em grandes blocos. Se um assunto pode ser

quebrado em duas ou mais partes, quebre-o. Facilita o entendimento
e deixa a leitura mais agradável para os usuários. É o que chamamos de
aumentar o “readability” da página.
• Espaçamento entre linhas também é essencial para que a aparência e

o consumo do conteúdo seja agradável. Não despreze esse aspecto.
• A utilização de recursos como negrito, sublinhado, itálico e demais

opções deve vir acompanhada de cautela, funcionando como aliada
em momentos fundamentais em que é necessário dar um destaque
visual a uma palavra ou sentença. Do contrário, constitui-se como
mera distração e, tende a irritar mais do que colaborar.
** Ref.: http://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake/

Para se inspirar
http://www.spotify.com
http://www.spotify.com 53
12
12 • EXPERIMENTE UM DESIGN
MINIMALISTA

12- EXPERIMENTE UM DESIGN MINIMALISTA
Amazon, Ebay, Google, Facebook. Reflita: esses são sites com layouts
realmente bonitos? Muitos podem dizer que sim, mas, sejamos sinceros:
esses são sites que têm seus layouts exclusivamente pensados e
desenvolvidos para trabalharem em prol de suas principais conversões:
vendas, cadastros e buscas.
Não são sites feitos para impressionar, concorrer a prêmios de design

inovador ou algo nessa linha. São sites com designs que… Funcionam. São
feitos para não tirar a atenção do usuário do que realmente importa em
suas respectivas interfaces.
Fazer o site com design voltado para a conversão e não puramente para a
estética, é uma das melhores decisões de desenvolvimento que se pode
tomar. Utilizar no layout apenas os elementos estritamente essenciais ao
objetivo faz toda a diferença.
Alguns benefícios desse tipo de abordagem:
• Maior velocidade de carregamento de páginas.

• Grande facilidade de assimilação de elementos por parte do público.
• Facilita o teste. Pense na quantidade de esforço e de tempo que você
teria para fazer qualquer tipo de teste em um site com um layout
completamente sofisticado e rebuscado. As alterações nesse cenário
são altamente penosas.
55
Como fazer?
Teste uma abordagem na qual o layout seja o mais limpo possível,

removendo elementos que, em uma análise cuidadosa, podem ser
considerados secundários do ponto de vista da conversão.
Banners, destaques promocionais, carrosséis e conteúdos relacionados

são grandes candidatos ao banco de reservas nesses momentos.

Para se inspirar
https://www.chartmogul.com
https://www.chartmogul.com 57
13
13 • EXPLORE MELHOR SUAS FOTOS

13- EXPLORE MELHOR SUAS FOTOS
Fotos geram identificação, dão vida aos layouts, facilitam o entendimento,

quebram o ritmo de leitura e ajudam a conceder orientação. E se forem
fotos com pessoas, ainda conseguem humanizar e gerar proximidade com
a marca.
Um usuário mais à vontade e mais relaxado, que foi bem recebido com fotos
bem produzidas e de bom gosto, se sentirá mais impelido à conversão.
59
Como fazer?
• Disponibilizar grande quantidade de fotos de produtos no caso de

e-commerces. 
• Ainda em relação aos e-commerces, o tamanho e a qualidade das fotos

são essenciais. 
• Para empresas que vendem serviços, fotos das equipes envolvidas no

trabalho oferecido conseguem humanizar e gerar confiança. 
• Fotos da sede física - quando aplicável - podem gerar ainda mais

credibilidade à transações.

Para se inspirar
http://www.jackthreads.com
http://www.jackthreads.com 61
CAPÍTULO 3
TÉCNICAS DE
NAVEGAÇÃO

E se toda a navegação do seu site fosse pensada e otimizada para
favorecer as ações que realmente importam? Se cada clique e cada
ponto de interação que você exige dos visitantes nunca fossem além do
necessário? Excelente, certo?
No entanto, esse é um grande desafio enfrentado pela maioria dos sites.
Neste capítulo, confira algumas técnicas utilizadas para que até mesmo
alguns dos pontos de interação mais simples do seu site sirvam como
auxílio para as ações de conversão.
14
14 • DIMINUA AS INTERRUPÇÕES

14- DIMINUA AS INTERRUPÇÕES
Lembre-se: cada elemento inserido em uma página tem o potencial de

contribuir ou de atrapalhar completamente o caminho dos usuários em
direção ao que eles necessitam fazer dentro do site. E, principalmente, o
que você, dono do site, espera que eles façam.
É essencial que o usuário mantenha seu foco do início ao fim em sua

jornada dentro de um website para que sua experiência de navegação seja
agradável e útil.
65
Como fazer?
Comumente, elementos como os destaques de home page, produtos

relacionados, banners, barras de promoções e coletas de e-mails
podem ser grandes vilões da distração caso não sejam utilizados nos
momentos e locais devidos.
Removê-los e acompanhar o desempenho de conversão na sequência

é uma das melhores formas de perceber se as interrupções estavam
atrapalhando a performance geral.
Nunca é demais levar em conta um dos principais ensinamentos de Steve

Krug, renomado arquiteto de informação e pesquisador da experiência do
usuário: nunca fazer o usuário pensar mais do que o necessário para
tomar qualquer decisão, por mais simples que ela seja. Se algo em seu
site vai contra essa abordagem, reavalie.

Para se inspirar
http://www.crazyegg.com
http://www.crazyegg.com 67
15
15 • USE INTERRUPÇÕES QUE

FUNCIONAM

15- USE INTERRUPÇÕES QUE FUNCIONAM
Determinados momentos durante a navegação do usuário são propícios

para que algumas interrupções aconteçam de forma natural, trazendo,
inclusive, resultados positivos.
Dois comportamentos que ilustram essas oportunidades são a saída

do usuário do site ou o término da leitura de um texto, por exemplo.
No caso da primeira, o usuário demonstra comportamento de não estar
mais interessado no que o site tem a oferecer, movendo seu cursor para
abandoná-lo.
Mas, que tal mostrar a ele nesse momento uma informação adicional,
apresentar uma promoção, oferecer um desconto ou ainda chamá-lo
para conversar em um chat e sanar possíveis dúvidas?
Já no segundo caso, existem grandes chances de que o usuário saia do

site/blog imediatamente após o término da leitura de um texto se nada de
seu interesse lhe for oferecido. Esse comportamento pode ser revertido se,
nesse exato momento, ao final do texto, forem apresentadas a ele opções
de outros textos ou de conteúdos relacionados ao tema que acabou de ler.
69
Como fazer?
Para capturar a atenção de usuários que estão de saída do site,

há ferramentas que conseguem “ler essa intenção”, as chamadas “exit
intent tools”, que podem disparar mensagens personalizadas nesse exato
momento, fazendo uma última tentativa de despertar o interesse do
usuário e de conseguir uma última conversão.
Confira algumas opções no mercado que possuem períodos de teste

gratuitos:
• Optimonk
• Rooster
• ExitMonitor
Para apresentar conteúdos relacionados ao final de páginas/posts, você

poderá utilizar plugins como o YAARP para Wordpress, ou desenvolver sem
o uso de plugins.

Para se inspirar
http://www.exitintent.io
http://www.exitintent.io 71
16
16 • POSICIONE E EXPLORE
CORRETAMENTE O SEU CALL
TO ACTION

16- POSICIONE E EXPLORE CORRETAMENTE O SEU CALL TO ACTION
De forma objetiva, Call to Actions (CTAs) são os botões de conversão do

seu site, o último ponto de contato que o usuário terá antes de executar a
tarefa que, para você, será a mais importante.
Realizar uma compra, fazer um cadastro, solicitar uma visita ou

um orçamento, postar um comentário… Todas essas conversões
passam, inevitavelmente, por um botão de Call to Action. E por serem tão
importantes, devem ser pensadas com todo o cuidado para que o esforço
de conversão não seja perdido no último minuto do jogo.
73
Como fazer?
• Em páginas longas, a repetição das áreas de contato como formulários

- que incluem os Call to Actions - é uma grande aliada para evitar que o
usuário perca a referência de onde ele deve converter.
• Não é incomum ver sites nos quais o botão de conversão se posiciona

fora da linha de leitura do usuário ou em um local desconexo com o
fluxo de navegação. Portanto, lembre-se sempre: CTAs devem estar
corretamente posicionados de forma que o clique seja o próximo passo
natural do usuário, logo após ele ter se convencido do que deve fazer. 
• CTAs devem ter tamanho e contraste satisfatórios em relação aos

demais elementos da página, de forma que não exista dúvida alguma
de que aquela é a área de conversão.

Para se inspirar
http://www.appstemplates.com
http://www.appstemplates.com 75
17
17 • REMOVA PONTOS DE CONTATO

SOCIAIS

17- REMOVA PONTOS DE CONTATO SOCIAIS
Em casos específicos, a utilização de botões sociais de compartilhamento

em páginas serve apenas como distração para os usuários, tirando o foco
das ações de conversão esperadas.
Em páginas de momentos finais do ciclo de conversão, botões sociais,

bem como outros elementos, podem aumentar o Attention Ratio* sem
necessidade, prejudicando a performance geral.
* Ref.: http://www.carnegiecomm.com/blog/what-is-attention-ratio-landing-pages-101/ 77
Como fazer?
Por um período determinado, remova completamente as opções sociais

(Facebook, Twitter e outras) de páginas que sejam cruciais para o momento
de conversão, e nas quais uma ação principal já é exigida.
Ao observar de perto o impacto no volume das conversões do período, será

possível identificar a influência dos elementos sociais.

Para se inspirar
http://pt.shopify.com/
http://pt.shopify.com/ 79
18
18 • APROVEITE A BUSCA INTERNA

18- APROVEITE A BUSCA INTERNA
De acordo com pesquisa da Econsultancy*, 30% dos usuários de

E-Commerce utilizam busca interna.
Se seu site possui um campo de busca interna, ele pode ser uma fonte
inesgotável de ideias vindas diretamente de seus visitantes para promover
melhorias em sua taxa de conversão.
Frequentemente, as buscas dos usuários incluem os seguintes tipos de

pesquisa, que podem se transformar em hipóteses para ajustes - dos mais
simples aos mais complexos:
• Cores e modelos preferidos dos produtos que você oferece.

• Comparação de opções.
• Dúvidas relacionadas às formas de pagamentos.
* Ref.: https://econsultancy.com/blog/10407-site-search-for-e-commerce-13-best-practice-tips#i.e6bb0iahterern 81
Como fazer?
Para sites que utilizam Google Analytics como principal ferramenta de

mensuração, o relatório de busca interna pode ser facilmente configurado
com base neste tutorial.
Adicionalmente, para empresas que utilizam campanhas de Links

Patrocinados do Google AdWords, o relatório de termos de pesquisa pode
contribuir com mais algumas dezenas de ideias, mostrando o que mais
interessa ao seu público.

Para se inspirar
Relatório de Busca Interna para termos de marca em determinado E-Commerce.

83
Fonte: Google Analytics
CAPÍTULO 4
TÉCNICAS DE
CONTEÚDO

Depois de aprender algumas técnicas de como fazer o usuário se
sentir confortável com seu layout, ter uma experiência agradável com
a navegação do seu site e ter gerado alguns diferenciais competitivos
de negócio, chegou a hora da verdade: você consegue convencer seus
visitantes a concluírem uma conversão por meio de um conteúdo
altamente persuasivo?
No frigir dos ovos, é de responsabilidade dos textos a missão de incentivar

os usuários a seguirem o caminho até a última etapa do processo de
conversão. Também chamados de texto de venda ou copywriting, a
redação do site deve ser clara e persuasiva o suficiente para despertar
nos visitantes a sensação de: “Isso é exatamente o que eu preciso!”.
Nas páginas a seguir, veja algumas técnicas que ajudarão você a

aproximar sua oferta de seu público, deixando o caminho livre para a
conversão.
19
19 • ADICIONANDO O MÁXIMO DE
CONTEÚDO POSSÍVEL

19- ADICIONANDO O MÁXIMO DE CONTEÚDO POSSÍVEL
Ao fornecer em grande volume bons argumentos sobre o seu produto ou

serviço, você dará aos usuários a chance de ver o que está sendo oferecido
por vários ângulos, e de comparar tudo isso com as suas necessidades de
compra.
Ao fornecer conteúdo de qualidade em grandes quantidades, você terá a

chance de antever e de sanar possíveis objeções que não seriam resolvidas
caso você optasse por conteúdos extremamente reduzidos.
87
Como fazer?
Com a ajuda de um software, ou papel e caneta, faça anotações e

mapas mentais detalhando absolutamente todas as características/
diferenciais/benefícios que o produto ou serviço em questão tem a
oferecer.
Compare seus registros com as necessidades mais evidentes

demonstradas por seus clientes, e detalhe ao máximo todas elas.
Reserve um tempo para editar todo o material escrito para que você tenha
em mãos o melhor conteúdo possível, mesmo que em grande quantidade.
Mas não mais do que o necessário, uma vez que produtos e serviços de
baixo valor agregado e de baixa complexidade tendem a não precisar de
conteúdo extenso para serem aceitos e terem sua ideia comprada pelos
usuários.
O que nos levará até a 2ª técnica de conteúdo deste capítulo: Removendo

o máximo de conteúdo possível.

Para se inspirar
http://www.apple.com/iphone-7
http://www.apple.com/iphone-7 89
20
20 • REMOVENDO O MÁXIMO DE
CONTEÚDO POSSÍVEL

20- REMOVENDO O MÁXIMO DE CONTEÚDO POSSÍVEL
Em uma primeira impressão, essa técnica pode parecer contraditória em

relação à técnica anterior, correto?
No entanto, basta pensar por um momento: produtos e serviços que

tenham baixo valor agregado e/ou baixa complexidade certamente exigirão
menos esforço de convencimento para serem adquiridos do que aqueles
que possuem alto valor e maior complexidade.
Afinal, é difícil dizer que alguém gastaria o mesmo tempo de pesquisa para
comprar um par de pilhas do que gastaria pesquisando sua nova televisão
de resolução 4K.
91
Como fazer?
• Alto valor e alta complexidade? Explore ao máximo tudo o que seu

conteúdo permitir.  
• Baixo valor e baixa complexidade? Foque apenas no essencial.

Para se inspirar
93
21
21 • ADICIONE LEGENDAS
ÀS SUAS FOTOS

21- ADICIONE LEGENDAS ÀS SUAS FOTOS
Talvez você não saiba, mas um dos conteúdos que mais atraem os olhares
de visitantes em uma página é a legenda de fotos.

E, como já vimos, uma quantidade enorme dos seus usuários visita suas
páginas, mas não consome todo o conteúdo das mesmas. Eles apenas as
“escaneiam” por alguns segundos antes de abandoná-las. Mas, mesmo
esses usuários mais desinteressados, provavelmente irão pousar seus
olhos sobre as legendas das suas imagens.

E, para conquistar uma boa taxa de conversão, é fundamental que você
diminua ao máximo o percentual desses visitantes que vão apenas escanear
seu conteúdo, não se interessando em consumi-lo. Afinal, sem interesse
em consumir seu material, eles definitivamente não irão converter.

Por isso, precisamos gerar nesses usuários o interesse em ler nossa página.
Mostrar que temos algo de valor para eles. E as legendas das imagens são
uma tática para conseguirmos exatamente isso.
Já estamos acostumados a ter contato com legendas há anos por meio da

mídia impressa, de jornais e revistas. Não é difícil imaginar que as legendas
realmente direcionam os usuários e ajudam a contextualizar todo o
conteúdo da página.
95
Como fazer?
• Use o conteúdo da legenda para mostrar as características mais

interessantes do seu produto ou serviço.

• Seja objetivo. Legendas não podem ser muito longas.

• Faça com que as legendas sejam visualmente diferentes do seu texto
corrido. Isto irá torná-las mais chamativas. 

• Não faça legendas desconexas das suas imagens correspondentes.
Isto irá confundir e irritar seu usuário.

Para se inspirar
http://www.mailchimp.com/features
http://www.mailchimp.com/features 97
22
22 • ADICIONE (OU APRIMORE) OS

TÍTULOS DE SUAS PÁGINAS

22- ADICIONE (OU APRIMORE) OS TÍTULOS DE SUAS PÁGINAS
De acordo com estudos, 80% dos visitantes de sua página leem seu título.

Em compensação, sabe qual a porcentagem de usuários que visualizam
efetivamente os demais elementos de sua página? 20%.

Perceba que seu título é 400% mais visto do que qualquer outra coisa
em sua página.
E são justamente os títulos - lidos naqueles segundos iniciais

importantíssimos, nos quais o usuário está decidindo se está no lugar
certo ou não - que deverão despertar o interesse do visitante em continuar
a ler o restante do conteúdo de uma página.
99
Como fazer?
1. Use o título para convencer o leitor de que você tem algo do interesse
dele. Lembre-se de que ele ainda está decidindo se a página em
questão é digna de sua valiosa atenção.

2. Tente sugerir que você tem algo que fará com que ele consiga o que
pretende de forma rápida e fácil.

3. Se o que você tem para apresentar é uma novidade, deixe isso claro no
título.

4. Evite fazer títulos que apenas aguçam a curiosidade, sendo pouco (ou
nada) específicos. Eles tendem a ter uma performance ruim.

5. Não faça títulos com “sacadas descoladas” ou duplo sentido. Use uma
linguagem direta e de fácil entendimento.
6. Verbos sempre são melhores do que adjetivos. Muito melhor do que

dizer “este é um produto famoso”, é dizer que “este produto vendeu
18.358 unidades”.
7. Teste estilos e abordagens diferentes: ”pergunta vs. afirmação”. Ponto

de vista “positivo vs. negativo” para determinado assunto, etc.
8. Crie diversos títulos. Como exemplo, não é incomum na Supersonic

que façamos listas com mais de 30 títulos antes de escolhermos
apenas um, que será utilizado de forma definitiva.

Para se inspirar
http://www.evernote.com
http://www.evernote.com 101
23
23 • ESTIMULE A URGÊNCIA
EM SEU TEXTO

23- ESTIMULE A URGÊNCIA EM SEU TEXTO
Relembrando o conceito de senso de urgência no contexto do marketing

digital:

Urgência é a capacidade que uma peça (página, anúncio, e-mail, etc.) tem
de convencer o leitor de que é melhor converter (comprar, se inscrever,
entrar em contato) agora do que deixar para depois.
Ao trazer elementos de urgência para a sua estratégia de conversão, você

aumenta as chances de persuadir o público de imediato, diminuindo a
probabilidade de que ele seja fisgado por concorrentes posteriormente, ou
que desista da conversão por qualquer fator externo.
103
Como fazer?
• Limitar a quantidade de “itens” que serão vendidos: o famoso “até

acabar o estoque” faz todo o sentido para produtos físicos. No caso de
serviços ou produtos digitais, não deixe de justificar o por quê de você
fazer isso. Caso contrário, seu potencial cliente um pouco mais esperto
não te levará a sério.

• Benefícios para “early birds”: dê algo exclusivo para quem comprar
até uma determinada data. Pode ser desde o clássico e milenar
desconto, até o brinde de um outro serviço ou produto.

• Mostre que a vida do usuário está sendo prejudicada agora: em
casos nos quais as estratégias acima são inviáveis, uma boa linha é
mostrar que quanto antes o usuário adquirir sua solução, mais cedo ele
deixará de passar por alguns problemas.

• Vantagem competitiva: especialmente eficiente em B2B. Mostre que
se o usuário adquirir o seu produto agora, ele deixará seus concorrentes
para trás, ganhando uma grande dianteira na disputa do dia a dia. Mas
isso precisa ser feito agora, pois ele corre o risco de ver um concorrente
fazer a compra a qualquer momento.

Para se inspirar
http://www.booking.com
http://www.booking.com 105
24
24 • USE O TEXTO DE SEUS

CTAS A SEU FAVOR

24- USE O TEXTO DE SEUS CTAS A SEU FAVOR
No capítulo anterior, vimos a importância de colocar os botões de conversão,

ou Call to Actions (CTAs), em posições estratégicas, com um bom destaque
na navegação, utilizando cores e contrastes adequados, sempre no fluxo
correto de conversão dos usuários.
No entanto, tão necessário quanto esses pontos é o cuidado que se deve

ter com o texto que será utilizado dentro dos botões de conversão.
Se um texto de Call to Action não for escolhido com cuidado e não motivar o
usuário a executar uma ação, todo o esforço meticuloso gasto em dezenas
de oportunidades de conversão terá sido em vão.
107
Como fazer?
• Seja claro sobre o que vai acontecer. “OK”; “enviar”; o maravilhoso

“submeter”… Botões desse tipo, que descendem da época dos
Webmasters, não explicam nem por alto o que irá acontecer quando
o usuário clicar neles. Isso gera insegurança. E insegurança é uma das
maiores inimigas da conversão. 
• Atenda ao desejo do usuário. Quando fizer sentido, muito melhor

do que usar um simples “OK” no texto do seu CTA é escrever o que
o usuário deseja naquele momento. Exemplo simples: você tem um
formulário o qual as pessoas precisam preencher para baixar seu
e-book? Que tal se o texto do seu CTA for “Baixar e-book”? Simples,
não? 
• Não exija muito compromisso. Você tem uma página que mal explica
os aspectos básicos do seu produto e já coloca nela um CTA com o texto
“COMPRAR”? Seu usuário pode não se sentir seguro o suficiente para
clicar em um botão com o texto “COMPRAR” na página de um produto
que talvez ele ainda nem tenha entendido direito o que é. Muitas vezes,
algo como um “Veja mais detalhes” tende a funcionar melhor.

Para se inspirar
http://www.vindi.com.br
http://www.vindi.com.br 109
CAPÍTULO 4
MOBILE

Você já sabe que os usuários que acessam seu site por meio de celulares
são fundamentais para o seu negócio. Em muitos países, o número de
usuários navegando em aparelhos móveis já ultrapassou, inclusive, o de
usuários navegando via desktop.
Entretanto, a imensa maioria dos negócios está longe de dar a merecida

atenção ao comportamento dos seus sites em celulares. Normalmente,
percebemos grandes problemas em termos de usabilidade e eficiência
dos sites, não é mesmo? O que, obviamente, se reflete nas taxas de
conversão de sites mobile, que tendem a ser muito inferiores às obtidas
em desktop.
Como reverter esse cenário? Sites responsivos são realmente uma boa
ideia? Como podemos facilitar a vida do usuário de celular? Encontre
essas e várias outras respostas neste capítulo especial do nosso Guia.
111
25
25 • AVALIE A POSSIBILIDADE DE
TER UMA PÁGINA EXCLUSIVA PARA
ACESSO MÓVEL

25- AVALIE A POSSIBILIDADE DE TER UMA PÁGINA EXCLUSIVA PARA ACESSO MÓVEL
É fundamental que seu site esteja preparado para o acesso móvel

simplesmente porque, no Brasil, mais pessoas acessam a web por celular
do que por computadores.
Na verdade, a última pesquisa PNAD* do IBGE, divulgada em 2016, mostrou

que 89% dos usuários indicam o telefone celular como o dispositivo mais
utilizado para o acesso individual à internet.
A solução mais comum para atender ao crescente acesso por aparelhos

móveis é criar “sites responsivos”. Mas será que eles funcionam na prática?
Na teoria, eles são preparados para adaptar o conteúdo para qualquer
tamanho de tela. Criam-se blocos de conteúdo com texto e links que se
organizam de acordo com o equipamento utilizado para acessá-lo.
Mas o problema é que, por mais que o conteúdo seja adaptado, dependendo
do tipo de site, a experiência de uso pode ser radicalmente afetada. Veja
alguns exemplos de quando isso ocorre:
1. Mudança da estrutura de navegação de sites que você já acessa pelo

desktop, como, por exemplo, quando os links na lateral de um blog
somem no celular, o que cria uma grande confusão.
2. O tempo de carregamento de um site responsivo muitas vezes é mais
lento devido às limitações das redes de dados em aparelhos móveis.
* Pesquisa Nacional por Amostra de Domicílios 113

3. A priorização do conteúdo na versão responsiva é, na maioria das vezes,

orientada pelos objetivos de design, e não em função da necessidade
do usuário móvel.
Como fazer?
Crie uma versão específica para mobile. Ela deve ser menor e mais objetiva
do que o site para desktop. Mas atenção: a ideia não é apenas retirar
conteúdo e features, mas sim focar nas necessidades de interação do
usuário móvel com o seu negócio.
As funcionalidades e os conteúdos ofertados devem ser definidos com

base nos casos de uso dos usuários móveis, priorizando itens como
telefone, endereço e check-outs simples com apenas um clique e poucas
imagens.

Para se inspirar
À direita, vemos uma página adaptada para mobile, e à esquerda, uma

página desenhada para mobile, com ícones menores e menos scroll.
Um layout responsivo reorganiza os

blocos de conteúdo, o que aumenta
o scroll quando a página é vista via
mobile.
115
26
26 • TORNE FÁCIL LIGAR PARA VOCÊ

A PARTIR DO SEU SITE MÓVEL

26 - TORNE FÁCIL LIGAR PARA VOCÊ A PARTIR DO SEU SITE MÓVEL
De acordo com pesquisa recente do Google, 70% das pessoas que

pesquisam por uma empresa a partir de um telefone celular, acabam
ligando para a empresa a partir do próprio aparelho.
A pesquisa diz ainda que 88% dos usuários estarão mais propensos a
contatar sua empresa se você oferecer um botão do tipo “click to call”. Ou
seja, clique no botão para telefonar via site móvel. Isso é particularmente
verdade quando se trata de pesquisas sobre negócios locais.
117
Como fazer?
“Click-to-call”, ou clique no botão para ligar, é uma ideia muito simples.
Quando o usuário clicar no link ou no botão com o telefone em seu site,

pelo celular, vai ativar uma função específica no aparelho que traz a tela do
discador telefônico pronta para ligar para o número apresentado na página.
Isso evita que o usuário tenha que guardar os números na mente para,
então, preencher e discar manualmente.
Existem várias formas de implementar essa solução, e ela é nativa nos

sistemas operacionais da grande maioria dos celulares. Os benefícios para
o dono do site e para o usuário são visíveis. Botões do tipo “click-to-call”
levam a uma experiência muito mais agradável para o usuário e, em última
instância, favorecem - e muito - as conversões.

Para se inspirar
Exemplo de um botão “click to call”, Exemplo de um botão “click to call”,

que aparece nos resultados de dentro do próprio site mobile.
pesquisa do Google.
119
27
27 • NÃO APENAS INFORME SEU

ENDEREÇO. MOSTRE NO MAPA
COMO CHEGAR

27 - NÃO APENAS INFORME SEU ENDEREÇO. MOSTRE NO MAPA COMO CHEGAR.
Usuários móveis, normalmente estão em busca de informações

específicas, e deixam as pesquisas mais complexas para serem feitas no
desktop. As duas informações mais buscadas no celular são o telefone e o
endereço de empresas.
O próprio Google reconhece esse fato e, por conta disso, quando buscamos
pelo celular, ele nos mostra botões específicos para obtermos o telefone
ou a direção até a empresa pesquisada.
Faça o mesmo em seu site móvel.
121
Como fazer?
Considere incluir em seu site móvel não apenas o endereço de forma clara
e fácil de encontrar, mas adicione também um botão que acione o Google
Maps ou outra ferramenta semelhante que possa indicar, pelo GPS dos
aparelhos, o caminho a partir do qual o usuário se encontra até o endereço
exato de onde ele quer ir.

Para se inspirar
Exemplo de botões para obter Exemplo de um layout mobile que,

direções a partir de resultados de apesar de simples, apresenta um
pesquisa no Google. botão “click to call” e um botão para
direções.
123
28
28 • USE APENAS AS IMAGENS

ESSENCIAIS. EM SITES MÓVEIS,
MENOS É MAIS

28 - USE APENAS AS IMAGENS ESSENCIAIS. EM SITES MÓVEIS, MENOS É MAIS.
Segundo pesquisas do Google, usuários móveis esperam que seu site

demore até quatro segundos, no máximo, para carregar em seus celulares.
Nada “melhor” para frustrar essa expectativa do que um site cheio de
imagens grandes e pesadas.
Mesmo que seu site tenha páginas muito bem construídas, nem todas as
imagens são escaláveis e funcionam bem no celular. Se forem fusões de
imagens (ex. um banner com título), provavelmente terão renderização
muito ruim e distante da percepção que causam no desktop. O mesmo
acontece com as imagens de fundo.
Não use muitas imagens ou imagens grandes em seu site móvel. Use
apenas as imagens essenciais.
125
Como fazer?
Veja alguns pontos para ficar atento(a) quando otimizar imagens para o seu
site móvel:
1. Escolha imagens impactantes, claras, que não sejam muito complexas.

Detalhes podem ser perdidos nas telas menores.
2. Use imagens de proporções adequadas para vários modelos de
celulares, já que dispositivos diferentes podem cortar imagens de
forma distinta.
3. Faça upload de imagens dimensionadas adequadamente, identificando
a maior dimensão de pixel necessária, mas sem ultrapassá-la.
4. Mantenha um design minimalista, apenas com os elementos
fundamentais e na ordem necessária para o consumo do usuário
móvel.

Para se inspirar
Exemplo de uma página composta Exemplo de uma página que, apesar

por imagens muito leves. de conter uma imagem grande, pela
paleta de cores é possível otimizá-la
bem.
127
29
29 • CRIE BOTÕES OU ESPAÇOS

CLICÁVEIS GRANDES PARA
NAVEGAÇÃO E CTAS

29 - CRIE BOTÕES OU ESPAÇOS CLICÁVEIS GRANDES PARA NAVEGAÇÃO E CTAS
O que mais queremos é que os usuários alcancem seus objetivos quando

visitam nossos sites. E isso normalmente envolve o visitante preenchendo
um formulário ou clicando em um botão.
Mas, se o site é acessado via aparelhos móveis e não está preparado

para isso, acontece um problema comum: os botões ou links ficam muito
pequenos e/ou embolados, difíceis de serem clicados.
Botões, links e qualquer outra coisa que seja clicável em um site, na versão
mobile, devem ser grandes, visíveis e colocados a uma distância segura uns
dos outros, para evitar cliques involuntários.
129
Como fazer?
Certifique-se de que seus links e botões são preparados para o polegar – os

usuários devem ser capazes de clicar sem a necessidade de darem zoom.
A Microsoft sugere que a área de alvo mínimo deve ser de 38 × 38 pixels,

enquanto a Apple recomenda 40 × 40 pixels.
Idealmente, você não deve ter múltiplos CTAs próximos uns dos outros,
mas se precisar mesmo, use margens ou adicione espaço preenchido em
torno das áreas clicáveis para evitar cliques errados.
Use os itens de menu realçados em grandes botões na metade inferior da

tela para ajudar os usuários a rapidamente selecionar a opção na qual estão
interessados.
A colocação dos botões na página é igualmente importante. Segure

seu telefone como você normalmente faria, e então notará que o canto
superior esquerdo da tela é muito difícil de alcançar. Escolha a parte inferior
para posicionar os CTAs importantes.

Para se inspirar
Exemplo de uma página composta Exemplo de uma página que é

por uma imagem representativa e ilustrada com a própria navegação,
leve, combinando com a navegação. e tem botões largos e fáceis de
identificar.
131
CAPÍTULO 5
MENSURAÇÃO

Nos quatro capítulos anteriores, vimos juntos várias técnicas simples
(mas poderosas) que podem contribuir bastante para aumentar de
forma expressiva sua taxa de conversão.
Quando bem aplicadas, mesmo que de forma isolada, cada uma das
dicas fornecidas já tem um enorme potencial para transformar mais
visitantes de seu site em clientes (aumentando, assim, o faturamento
e os lucros). E se algumas delas ainda forem combinadas entre si, você
provavelmente vai se espantar com os resultados alcançados.
Mas, vamos ser muito sinceros neste momento: várias

das técnicas aqui abordadas, quando mal desenvolvidas, mal aplicadas
e, principalmente, mal mensuradas, podem gerar efeitos negativos em
seu site.
O que nos leva ao último capítulo do nosso E-Book.

30
30 • FAZENDO ALTERAÇÕES NO SEU

SITE EM REGIME DE TESTES

30 - FAZENDO ALTERAÇÕES NO SEU SITE EM REGIME DE TESTES
De forma simples: “Testes A/B são experimentos científicos que você

realiza para comparar duas versões diferentes de uma mesma página (ou
de um e-mail, banner, texto, etc.), para entender qual delas é mais eficiente
(gera mais conversões)”.
Na prática, a partir do momento em que você inicia um teste em seu

site, uma ferramenta se encarregará de exibir sua versão A (original) para
metade dos seus visitantes. Enquanto isso, em paralelo, a outra metade de
seus visitantes estará vendo a versão B de sua página, que será diferente
em algum aspecto que você planejou testar por meio de uma hipótese.
Uma mudança de um título, de uma foto ou de um campo de formulário,
por exemplo.
Dessa forma, por meio do Teste A/B você saberá de forma científica (e
estatisticamente confiável) qual das duas versões gerou mais resultados.
135
Como fazer?
Para testar duas versões diferentes de uma página, a primeira ideia que
vem à cabeça da maioria das pessoas é mais ou menos esta:
“Durante uma semana, eu deixo minha página com a versão A no ar. Depois,
na outra semana, eu deixo a versão B. Aí é só comparar os resultados“.
Parece ótimo. Mas, por favor, NÃO FAÇA ISSO. Testes em dias diferentes
são influenciados por inúmeros fatores externos, e podem levar a
conclusões totalmente erradas.

O jeito certo é: use uma ferramenta de testes A/B para distribuir as duas
versões diferentes da sua página aleatoriamente entre os seus visitantes.

Além de fazerem essa distribuição, as ferramentas possuem enormes
vantagens de:
1. Acompanhar as conversões de cada versão.

2. Informar quando ela já tiver rodado o teste para um número suficiente
de usuários a ponto de ter certeza sobre qual página é melhor (e você
nunca deve terminar um teste antes disso).

O mercado está cheio de excelentes ferramentas para testes A/B. Existe,

inclusive, uma opção gratuita dentro do Google Analytics: o Google Content
Experiments.

Mas você também pode optar por ferramentas pagas, como: Optimizely,
Visual Website Optimizer e Unbounce.
Por que é importante aplicar mudanças

em regime de testes?
Todas as técnicas e dicas que você leu neste E-book, por mais que façam
sentido para você e se encaixem em seu cenário, ainda assim, até que se
provem efetivas em seu site, elas são apenas hipóteses de melhoria.
E assim deveríamos encarar tudo. Em ambientes digitais, praticamente

qualquer coisa pode (e deveria) ser testada antes de ser implementada
de forma definitiva.
Na Supersonic, acreditamos e temos comprovado cada vez mais,

juntamente com os nossos clientes, que essa é a melhor forma de derrubar
de vez todos os achismos, gostos pessoais e opiniões infundadas que
muitos profissionais e empresas demonstram todos os dias.
137
Um ponto de cautela
Mesmo com o auxílio de uma ferramenta, testes mal conduzidos e

experimentos mal configurados podem levar a conclusões errôneas e
prejudicar de forma considerável seu site e seu negócio.
Portanto, podemos encerrar com duas lições essenciais que darão

segurança a seus próximos movimentos:
1. Toda mudança deve ser validada por meio de um teste científico.

2. Todo teste científico deve ser feito com cautela para entregar
resultados seguros.
Se precisar de uma ajuda para elencar as melhores hipóteses de otimização

para o seu site ou para conduzir seus próximos testes de forma segura,
conte com os serviços de Consultoria da Supersonic para atingir resultados
expressivos.

Para se inspirar
Veja nos três cases a seguir como a equipe Supersonic tem trabalhado no
dia a dia e entregado resultados expressivos para empresas de vários
segmentos por meio de uma metodologia baseada em Testes:
http://www.qualitytrainingrh.com.br/recolocacao-profissional
Estudo de caso: como nós aumentamos as conversões do site de uma

empresa em 662% ao mudar uma única página.
www.gosupersonic.com.br/clientes-resultados 139
Para se inspirar
http://www.casamineira.com.br
Estudo de caso: como uma das maiores imobiliárias do Brasil aumentou a

taxa de conversão de seu site em 604%.

Para se inspirar
http://www.tagplus.com.br
Estudo de caso: como o TagPlus, um software de gestão de empresas,

aumentou em 105% o volume de leads gerados pelo site em menos de
seis meses.
www.gosupersonic.com.br/clientes-resultados 141
O QUE ACHOU
DO CONTEÚDO?
Agora nos diga: gostou do conteúdo? Indicaria para um amigo?
Esperamos que o E-book tenha lhe dado várias ideias, e que você possa
aplicá-las (e principalmente testá-las) logo, logo em seu site!
Para finalizar, adoraríamos saber exatamente o que você achou de tudo o

que leu. Para isso, basta clicar abaixo e ser 100% sincero:
QUERO AVALIAR O E-BOOK
https://supersonic.typeform.com/to/qesdsR

SOBRE A
SUPERSONIC
Criada em 2013, a Supersonic é a primeira empresa brasileira 100%
especializada em acelerar negócios por meio da Otimização de Taxa de
Conversão.
Utilizando uma metodologia científica própria, a Supersonic desenvolve

e implementa ações, estudos e técnicas que têm como objetivo
aumentar o percentual de visitantes de um site que efetivamente geram
receita para a empresa.
Conta atualmente com um time da mais alta expertise em Marketing

Digital atuando junto a cada um dos clientes. Profissionais com formação
e atuação sólida em Marketing, Publicidade, Administração, Métricas,
Mídia, Planejamento e Performance garantem a entrega diária dos
resultados.
www.GoSupersonic.com.br
Conheça nosso trabalho: www.gosupersonic.com.br
Aprenda a transformar visitas em clientes: www.gosupersonic.com.br/blog

30 Dicas Praticas de Cro - Taxas de Conersão

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

30 Dicas Praticas de Cro - Taxas de Conersão

Enviado por

Direitos autorais:

Formatos disponíveis

30 TÉCNICAS PARA

AUMENTAR SUA TAXA

Muito trabalho, é verdade, mas um trabalho extremamente

Afinal, você já sabe: conseguir fazer aquela taxa de conversão de 2%, 5%

E então, vamos começar?

1 • Pergunte ao seu público exatamente o que ele quer 8

8 • Comece a ver exatamente onde seus usuários clicam em seu site 38

19 • Adicionando o máximo de conteúdo possível 86

30 • Fazendo alterações no seu site em regime de Testes 134

6 30 TÉCNICAS PARA AUMENTAR SUA TAXA DE CONVERSÃO AINDA HOJE

No entanto, frequentemente se esquecem de que grandes

Para isso, pergunte-se sempre: “Além dos aspectos técnicos do meu

1 • PERGUNTE AO SEU PÚBLICO

8 30 TÉCNICAS PARA AUMENTAR SUA TAXA DE CONVERSÃO AINDA HOJE

Por que é importante?

Perguntar diretamente questões importantes aos visitantes gera um

Fazendo isso, a empresa ainda sinaliza um posicionamento de diálogo

Faça perguntas simples como, por exemplo:

• “Qual atributo deste produto você mais valoriza?”.

Perguntar o que leva os usuários a não comprarem ou a não realizarem

Com sua lista de questões em mãos, ferramentas como Web Engage

As ferramentas são de fácil instalação, e, após a inserção do código, as

10 30 TÉCNICAS PARA AUMENTAR SUA TAXA DE CONVERSÃO AINDA HOJE

2 • OFEREÇA UMA GARANTIA PARA O

12 30 TÉCNICAS PARA AUMENTAR SUA TAXA DE CONVERSÃO AINDA HOJE

Por que é importante?

Em ambientes digitais, nos quais os usuários têm mais comodidade

Ao oferecer uma garantia, você mesmo demonstra que confia no

• Seu produto é extremamente útil? Que tal permitir que os

• Seu serviço tem qualidade muito acima da média e agrada em cheio

E nunca é demais lembrar: por lei, o consumidor já está naturalmente

14 30 TÉCNICAS PARA AUMENTAR SUA TAXA DE CONVERSÃO AINDA HOJE

16 30 TÉCNICAS PARA AUMENTAR SUA TAXA DE CONVERSÃO AINDA HOJE

Por que é importante?

É natural do ser humano criar uma lista enorme de preocupações e

Para sanar o máximo possível de dúvidas (as que o público possui e as

• Releia seus textos descritivos de produtos/serviços cuidadosamente

• É um e-commerce? Reveja cuidadosamente suas fotos. Elas fazem jus

• Já pensou em utilizar vídeos? Com o avanço constante das tecnologias

• Possui um serviço muito complexo e difícil de ser assimilado? Que tal

18 30 TÉCNICAS PARA AUMENTAR SUA TAXA DE CONVERSÃO AINDA HOJE

4 • BONIFIQUE AS PRINCIPAIS AÇÕES

20 30 TÉCNICAS PARA AUMENTAR SUA TAXA DE CONVERSÃO AINDA HOJE

Por que é importante?

Tanto em vendas de produtos de baixo valor quanto em vendas de

Uma bonificação é uma forma de dizer: “Cliente, além de lhe entregar

Essa é uma excelente forma de gerar um diferencial competitivo em relação

Pequenos agrados como brindes, cupons de desconto para compras

Com essas medidas, poderão ser notados incrementos não apenas na

22 30 TÉCNICAS PARA AUMENTAR SUA TAXA DE CONVERSÃO AINDA HOJE

5 • COLETE (E USE) DEPOIMENTOS

24 30 TÉCNICAS PARA AUMENTAR SUA TAXA DE CONVERSÃO AINDA HOJE

Por que é importante?

A maioria das pessoas não gosta de se arriscar em um caminho que ainda

Nesse sentido, depoimentos de quem já usou e aprovou seus produtos e

Nesse momento você diz: “Mas eu nunca recebi um depoimento!”.

Pense com mais calma. Olhe um pouco para o passado e revise o

Se bem trabalhadas, até mesmo pequenas frases podem ser utilizadas

E mesmo que você não se lembre de alguma oportunidade anterior que

Obtendo a devida permissão dos depoentes para usar esse tipo de

26 30 TÉCNICAS PARA AUMENTAR SUA TAXA DE CONVERSÃO AINDA HOJE

6 • FALE AO VIVO COM SEUS

28 30 TÉCNICAS PARA AUMENTAR SUA TAXA DE CONVERSÃO AINDA HOJE