O que uma boa seção hero faz

Uma boa seção hero tem um trabalho só

A seção hero faz a pessoa certa continuar rolando. Alguém chega, te dá alguns segundos e decide se a página fala do problema dela. Tudo acima da dobra trabalha por essa decisão. Quatro coisas sustentam essa decisão: o que é o produto, para quem ele é, o que muda para essa pessoa e uma ação clara. Slogan, selo de prêmio e fundo animado roubam espaço desses quatro.

Diga o que a coisa é

Título falha quando descreve um sentimento no lugar de um produto. “Repense como o seu time constrói” pode ser um CRM, uma ferramenta de contratação ou um app de yoga. “Gestão de projetos para equipes de obra, montada em cima das fotos do canteiro” diz ao leitor em uma linha se ele fica ou não. Use a palavra de categoria que o seu comprador usaria numa call. Se o título precisa do subtítulo para fazer sentido, ele está fazendo pouco.

Diga o nome de quem você quer

Uma linha de qualificação faz mais trabalho do que a maioria dos designers espera. “Para marcas no Shopify que faturam a partir de US$ 50 mil por mês” manda embora o visitante errado e avisa o certo que ele está no lugar certo. Fundador teme que isso estreite o mercado. Na prática, um público com nome melhora a qualidade das respostas, porque quem agenda já chega meio vendido. Coloque a qualificação no subtítulo ou na linha de apoio acima do título.

Uma promessa e uma ação

Dois botões do mesmo peso dividem a atenção e derrubam o clique nos dois. Escolha a ação que você mais quer, dê a ela o botão sólido e deixe a segunda opção como um link de texto discreto. O texto do botão precisa dizer o que acontece depois. “Quero meu plano de página” ganha de “Enviar”, e “Ver preços” ganha de “Saiba mais”, porque o leitor sabe o que espera do outro lado do clique. Use o mesmo texto de botão na página inteira.

Mostre o produto fazendo o trabalho dele

Tampe o título com a mão e olhe só para a imagem do hero. Se você não consegue dizer o que está sendo vendido, a imagem é decoração. Um print da interface de verdade, uma foto do produto num ambiente real ou um clipe curto do resultado ganham de um modelo de banco de imagens sorrindo na frente do notebook. Se você vende serviço, mostre o entregável: a página que você desenhou, o painel, o relatório pronto.

Ponha prova ao lado do botão

Uma linha de evidência perto da chamada para ação tira a primeira dúvida antes de ela se formar. Uma fileira com cinco logos de clientes que as pessoas reconhecem, uma nota com o número de avaliações, ou um único resultado com número real. Qualquer uma dessas funciona. Fique com uma prova só no hero e guarde os estudos de caso para as seções seguintes. Selo de confiança genérico, sem fonte nenhuma, costuma parecer enchimento.

Um teste de cinco minutos para a sua seção hero

Mostre o hero por cinco segundos para alguém de fora da sua empresa. Esconda a tela e faça três perguntas. O que isso vende? Para quem é? O que acontece quando você clica no botão? Duas respostas erradas em três querem dizer que o hero precisa ser reescrito antes de qualquer coisa abaixo dele importar. Faça o teste também numa tela de celular, porque é ali que a maior parte do seu tráfego lê e a dobra fica bem mais alta.