Heatmap: O que é e como usar em sites

Você trabalha com marketing digital / web sites, já deve ter ouvido falar na palavra Heatmap. Mas você sabe o que é e para que funciona?

O Heatmap é uma palavra em inglês que significa, literalmente, mapa de calor.

O que é heatmap ou  mapa de calor?

É um gráfico que mostra a intensidade frequência em determinadas áreas, através de uso de cores.

A área de maior concentração fica vermelha, e a de menor, azul, até ficar transparente – que significa sem interação.

Na Intermídias, agência especializada em inbound marketing, usamos o heatmap para analisar como é feita a navegação de um usuário em um web site, principalmente quando ele é novo para nós. Após isso, fazemos tentativas de melhorias através de mudanças no layout, para fazer novos testes com mapas de calor.

Como o heatmap funciona?

Adicionamos um código no site a ser analisado, de uma ferramenta que passará a armazenar o movimento do cursor do mouse feito pelos visitantes, e as suas interações, como rolar a tela ou clicar.

A ferramenta juntará esses dados de vários usuários, e montará um gráfico com a página onde poderemos ver, em vermelho, as áreas de maior concentração de interação, e indo até o azul as áreas de menor interação.

Para que serve o heatmap?

Com esses dados, podemos entender, com detalhes, como a maioria dos usuários interagem com a página. Assim, temos informação que pode nos ajudar a melhorar algo na interface.

Como +descobrir quais áreas do site precisamos mudar para darmos mais atenção a itens estratégicos, como o link pro formulário de contato para ele solicitar orçamento, por exemplo.

Heatmap gratuito para o seu site

Uma ferramenta online popular para gerar heatmap gratuito pro seu site (até um limite), é a Hotjar.

Basta você realizar um cadastro gratuito e inserir o código de acompanhamento no seu site, para ele começar a armazenar as atividades dos visitantes e montar o mapa de calor da sua página a ser analisada!

 

Zaru Gestão Empresarial – Redesign do site

O projeto consistiu em realizar um novo layout para o site com WordPress da Zaru Gestão Empresarial respeitando a mesma estrutura e programação existentes do site, objetivando transmitir visualmente o posicionamento da cliente. Modernidade, clareza, praticidade, objetividade, foram levadas em consideração a fim de facilitar a navegação e tornar o ambiente mais “clean” e propício para compartilhar informações e promover um ambiente sinérgico e atrativo para troca de conteúdo com seu público.

As competências principais envolvidas neste projeto, foram:

  • Projeto de redesign: Pesquisa e análise de referências de sites do segmento e do público-alvo, concepção e desdobramento respeitando os limites da estrutura existente do site;
  • Desenvolvimento web: Para aplicar o novo layout, realizei desenvolvimento em HTML & CSS3 e configurações/backup/realocação do WordPress.

Confira o novo site em: http://zaru.com.br