Aprender / Guias / Guia de mapas de calor
Estudos de caso sobre o mapa de calor
Os mapas de calor são uma ferramenta poderosa. Descubra por conta própria: aqui está uma seleção de estudos de caso e histórias de sucesso para inspirá-lo.
Crie uma conta gratuita na Hotjar, adicione o código de rastreamento ao seu site e comece a usar os mapas de calor hoje mesmo.
Estudo de caso 1: Uma correção de 5 minutos que melhorou a conversão em 40%
O contexto: A Taskworld é uma solução de gerenciamento de projetos que depende da sua página de inscrição para converter leads em usuários e clientes. A equipe queria entender como as pessoas estavam interagindo com a página e encontrar oportunidades de otimização, por isso colocaram um mapa de calor nela:
O que a análise de mapa de calor revelou: o mapa de cliques revelou três problemas. Você consegue identificá-los?
CTA subutilizado: apesar da página ser especificamente focada em usuários iniciantes, o CTA principal "inscrever-se" foi menos clicado do que o link "entrar" (onde está a bolha vermelha, na parte inferior)
Queda de campo: cada um dos cinco campos obrigatórios recebeu progressivamente menos atenção, dando às pessoas várias oportunidades de abandonar a página antes de concluir o processo
Bloqueador de fuso horário: o campo obrigatório Selecionar fuso horário estava sendo ignorado
Os resultados: em apenas 5 minutos, a Taskworld removeu a opção "entrar", reorganizou a página em torno de um CTA e simplificou os campos de cinco para apenas UM: o ID do e-mail. E com isso, a taxa de conversão aumentou em 40% e as desistências no processo foram reduzidas em 4,5%.
...nada mal para um trabalho de 5 minutos!
→ Leia o estudo de caso completo aqui
Estudo de caso 2: Entendendo como otimizar uma página inicial para inscrições
O contexto: A equipe da Bannersnack, uma ferramenta online de criação e design de banners, vinha usando ferramentas analíticas (como o Google Analytics) para rastrear e medir o tráfego, mas não tinha uma visão muito clara de como as pessoas realmente estavam interagindo com o site—o que significava que não sabiam por onde começar para melhorar as conversões.
O que a análise do mapa de calor revelou: um conjunto de mapas de calor inseridos na página inicial indicou que as pessoas estavam interagindo mais com elementos adicionais da página do que com o CTA principal:
Os resultados: Com base no insight de nível superior, a equipe executou um teste usando um botão de CTA maior e com contraste extra—aumentando assim as inscrições em 25% no processo.
→ Leia a história completa aqui
Estudo de caso 3: Aprimoramento de páginas por meio de dados e testes A/B
O contexto: A CCV Shop, sediada na Holanda, cria e hospeda vitrines online para ajudar mais de 17.000 empresários a administrar suas lojas de comércio eletrônico. A CCV Shop gera leads por meio de páginas de destino, portanto, a equipe de experiência do usuário queria entender melhor seus clientes em potencial e fazer alterações informadas baseadas em dados para aumentar suas conversões.
O que a análise revelou: A CCV Shop usou mapas de calor para ter uma visão geral de como os clientes estavam se comportando nas principais páginas de destino—onde estavam clicando, até onde rolavam a tela, e como era a interação com vários elementos da página:
Eles combinaram os mapas de calor com outras ferramentas de comportamento, especialmente os registros de sessão do usuário para visualizar e analisar de perto o comportamento individual nas páginas de destino e obter um contexto mais claro do comportamento que estavam observando nos mapas de calor; eles também começaram a identificar pequenos bugs e problemas que precisavam ser corrigidos.
Os resultados: A combinação das informações que eles receberam dos mapas de calor e de outras fontes permitiu à CCV Shop formular hipóteses testáveis, executar testes A/B e implementar mudanças bem-sucedidas. Por meio desse processo, eles aumentaram a taxa de conversão em seu site de marketing em 38%, de 1,3% para 1,8%—o que os deixou muito próximos de atingirem a sua meta de conversão de 2%.
→ Leia a história completa aqui
Estudo de caso 4: Aumento da taxa de conversão móvel em 63%
O contexto: A agência digital Epiphany, com sede no Reino Unido, recebeu a tarefa de otimizar o site de seu cliente Time4sleep, um varejista on-line de camas e móveis para quartos com mais de 200.000 sessões/mês e com um grande público móvel.
O que a análise revelou: A equipe usou os mapas de calor em combinação com outras ferramentas como o Google Analytics, gravações e enquetes (veja mais sobre o assunto abaixo), para obter uma visão universal de como as pessoas interagiam com o site. Os dados coletados dessas fontes os ajudaram a formular um diagnóstico específico: as páginas de categorias existentes não estavam ajudando as pessoas a encontrar o que precisavam, era necessária a implementação de uma nova estrutura de página.
O mapa de calor à esquerda mostra como era a página de categoria móvel. Está vendo a mudança gradual de cor? Isso significa que as pessoas tendiam a rolar a página até o fim, mas no final das contas isso não era uma coisa boa: Os visitantes estavam rolando a página não porque estavam gostando do conteúdo, mas sim porque não conseguiam encontrar o que estavam procurando.
O mapa de calor confirmou o que os dados de outras fontes estavam dizendo à Epiphany, e a equipe reorganizou a página com um novo sistema de filtragem na parte superior. Este é o mapa de calor à direita: em comparação, agora muito menos pessoas estão rolando até a parte inferior da página, pois estão encontrando o que precisam de forma muito mais rápida e eficiente na parte superior da página.
Os resultados: Com essas e outras alterações que envolveram equipes separadas de SEO, CRO, design, conteúdo e times de RP, a Epiphany testou diferentes versões da página e obteve um aumento geral na taxa de conversão de +19,7%. Mas o foco real foi o uso de dispositivos móveis: Por lá, a Epiphany proporcionou à Time4Sleep um aumento impressionante de 63% na taxa de conversão de dispositivos móveis.
→ Ler a história completa no blog da Hotjar