A imagem do topo do site: os três segundos que decidem se o visitante fica
A hero image é o elemento mais visto do seu site. Veja como escolher e produzir a imagem de topo que segura o visitante e aumenta a conversão.
Resposta rápida: a imagem de topo é o elemento mais visto de qualquer site e define, em poucos segundos, se o visitante permanece ou volta para a busca. Ela precisa comunicar imediatamente o que a empresa faz, transmitir o nível de qualidade da operação e deixar área livre para o título e a chamada — requisitos que imagens genéricas de banco não atendem.
O elemento mais visto do seu site é uma foto. Todo visitante que chega ao seu site vê a imagem de topo. Não todos leem o texto, não todos rolam a página, não todos clicam no menu — mas todos veem aquela imagem. Ainda assim, ela costuma ser a decisão mais apressada do projeto: escolhida em um banco no fim do desenvolvimento, porque faltava alguma coisa para preencher o espaço.
Ela precisa responder a pergunta antes do texto. Quem chega ao seu site está tentando entender rapidamente se veio ao lugar certo. Uma imagem que mostra a operação real, o time, o produto ou o contexto de atuação responde isso instantaneamente. Uma foto genérica de pessoas sorrindo em frente a um notebook não responde nada — e o visitante volta para os resultados de busca.
Requisitos técnicos que a maioria ignora. A hero image precisa funcionar em desktop e em celular, com recortes bem diferentes; precisa de área livre para título e botão; precisa de contraste que garanta a legibilidade do texto sobreposto; e precisa estar otimizada para não travar o carregamento da página, já que é geralmente o arquivo mais pesado do site.
A primeira imagem é a que mais trabalha por você. Se o topo do seu site é uma foto de banco, você está desperdiçando o espaço mais valioso da sua comunicação digital. Produzo imagens de topo considerando recorte responsivo, área para texto e peso de arquivo. Vale rever isso antes da próxima atualização do site.
Uma imagem só resolve para desktop e celular? Precisa ser produzida prevendo os dois recortes, ou entregue em variações, porque as proporções são bastante diferentes.
Vídeo no topo substitui a imagem? Pode complementar, mas costuma pesar mais. Muitos sites usam imagem estática com vídeo em seção seguinte.
A imagem afeta a velocidade do site? Afeta bastante, por ser geralmente o arquivo mais pesado. Exportação otimizada é essencial.
Este artigo faz parte da série de conteúdos publicados por Alexandre Machado sobre fotografia profissional. Para conversar sobre um projeto, entre em contato ou veja a galeria completa de fotos.