A seção de heróis... aquela fatia importantíssima de imóveis no topo do seu site.

É a primeira impressão do visitante sobre seu site e sua empresa, mas também desempenha um papel diferente – mais importante –: é sua primeira oportunidade de converter esses visitantes em leads. À medida que mais e mais tráfego da Web está ocorrendo em dispositivos móveis, essa porção de espaço do site na seção herói está diminuindo, e você precisa abordá-la com essas necessidades (geralmente) concorrentes em mente.

Quanto conteúdo é demais? É mais importante destacar o formulário que está realmente gerando leads? Como isso muda com base no fato de um visitante estar no computador ou no celular?

Na Carrot, nosso Laboratório de Inovação está constantemente ponderando questões como essas – E lançando testes para respondê-las.

Nesta postagem, descreveremos uma série de testes que executamos em seções de heróis que aumentaram as taxas de conversão em qualquer lugar de 25 a 55%, além de apontar a direção certa quando se trata de como você deve abordar o real principal estate (a seção hero) em seu próprio site.

Exemplo: resultados do teste da seção Hero

Quanto custa 1 negócio perdido?

Veja por que mais de 7.000 pessoas confiam seus negócios imobiliários na Carrot.

Melhor performance. Maior ROI. Suporte de classe mundial.

Faça uma demonstração gratuita do Cenoura

O que testamos?

Nossos testes do CTA Hero surgiram a partir de uma constatação muito simples... a grande maioria das conversões em nossa rede de sites membros ocorre exatamente onde esperávamos: nos formulários encontrados na seção hero.

Então, investigamos para descobrir como nossos membros estão abordando essas seções de heróis. Acontece que a resposta para isso foi bastante variada. Alguns membros estão enchendo o máximo de conteúdo possível. Alguns estão reduzindo a quantidade de conteúdo. Outros incluem vídeos, fotos, etc.

Então nós projetamos um teste muito simples... um que colocou o que consideramos uma seção de heróis “tradicional” contra uma que tinha quantidades significativamente reduzidas de conteúdo tanto em torno do formulário quanto no próprio formulário.

(Seção de herói tradicional com várias linhas de conteúdo contextual + uma descrição do formulário)

(Versão reduzida do herói com algum conteúdo contextual + a descrição do formulário removida)

Algumas coisas se destacam imediatamente com a versão “emagrecida”.

1. O próprio formulário aparece mais proeminente quando você remove a descrição do formulário. Ele orienta o olhar mais especificamente para os campos de entrada e o botão de CTA final, em vez do texto acima dele.
   
2. Ao combinar a redução de conteúdo nos blocos contextuais (neste caso, as informações à esquerda), diminui a pegada geral da seção herói e começa a “aumentar” o conteúdo imediatamente abaixo dela.

O ponto 2 é especialmente importante ao considerar o tráfego móvel. Na Carrot, geralmente vemos que os visitantes móveis representam 57% de todo o tráfego e 61% de todas as conversões em nossa rede. Nossos próprios princípios de design foram modificados para adotar uma abordagem mobile-first de acordo, e é daí que nossa principal hipótese para este teste se originou: que, ao reduzir o conteúdo na seção hero, tornaria o próprio formulário mais proeminente e apareceria “ acima da dobra” em dispositivos móveis, aumentando assim o envolvimento do usuário e, por fim, as conversões.

E Os Resultados….

Lançamos este teste em uma infinidade de tipos de sites, categorias, layouts e ambientes – e os resultados foram surpreendentes.

Em cada site individual em que houve tráfego e conversões suficientes ao longo da vida útil do teste para registrar um resultado estatisticamente significativo, a versão reduzida do herói venceu (e por grandes margens!).

• Local de teste nº 1 - Local do vendedor de terrenos
  • Aumento de conversão de 45,87% – 398 conversões na versão reduzida versus 259 na versão tradicional
    
• Site de teste nº 2 - Site do vendedor motivado
  • Aumento de conversão de 22,35% - 163 conversões versus 137
    
• Site de teste nº 3 - Site do vendedor motivado
  • Aumento de conversão de 46,86% - 102 conversões versus 71

Além disso, nossas medidas de engajamento do usuário (que incluem profundidade de rolagem, tempo na página, taxa de rejeição etc.) foram significativamente melhoradas (de 15 a 25%) em sites com a versão reduzida do herói.

Algumas outras descobertas/advertências em nosso design de teste…

• Queríamos garantir que essas alterações na seção de heróis não melhorassem a conversão para versões móveis e prejudicassem as versões/visitantes de desktop, por isso dividimos os testes de acordo para isolar esses visitantes. Não houve nenhum caso em que as taxas de conversão aumentaram em dispositivos móveis e diminuíram em computadores.
  
• Da mesma forma, queríamos garantir que essas alterações na seção de heróis não afetassem negativamente a conversão em formulários que podem aparecer mais abaixo na página. Não houve nenhum caso em que os formulários de ordem inferior sofreram uma queda nas conversões que superou a melhoria no formulário da seção herói e, em muitos casos, esses formulários inferiores também melhoraram (indicativo do nosso aumento nas métricas de engajamento do usuário).

No total, este teste foi um sucesso retumbante – a versão reduzida da seção herói teve um desempenho significativamente melhor em todos os tipos de sites, categorias e versões.

Então, o que isso significa para o seu site?

Isso significa, de um modo geral, que quando se trata de sua seção de heróis, você deve adotar uma abordagem “menos é mais”! Em vez de empacotar essa parte incrivelmente importante do seu site com uma parede de texto, gráficos, vídeos etc., minimize-a.

Algumas práticas recomendadas que recomendamos com base nos resultados de nossos testes:

• Concentre-se em destacar o formulário com o qual você deseja que os visitantes se envolvam, removendo as descrições do formulário e o conteúdo ao seu redor (como mostrado nas imagens acima).

• Carregue seu site em seu dispositivo móvel e veja onde esse formulário aparece. Ele se encaixa totalmente nessa visão inicial “acima da dobra”? Se não, você pode reduzir a quantidade de texto que aparece acima dele para que até 50% de todo o formulário apareça nessa exibição? Nossos testes indicam que quanto mais um formulário puder aparecer nessa visualização inicial, melhor.
  
• Evite colocar gráficos, imagens, vídeos ou conteúdo de formato longo na seção herói . Há tantos lugares melhores para incluir essa informação e conteúdo mais abaixo na página!

Como dissemos, essa seção de heróis é o principal imóvel do seu site. É a sua oportunidade de causar uma boa impressão, com certeza, mas também é sua primeira oportunidade de converter um visitante em um lead. Esperamos que, ao trazer a você esses resultados do nosso Laboratório de Inovação, isso ajude você a examinar mais de perto esta seção em seu site e como ela pode estar ajudando (ou prejudicando) suas taxas de conversão.

Quanto custa 1 negócio perdido?

Veja por que mais de 7.000 pessoas confiam seus negócios imobiliários na Carrot.

Melhor performance. Maior ROI. Suporte de classe mundial.

Faça uma demonstração gratuita do Cenoura