Quando o cliente abre a página inicial de um site corporativo, a área visível na primeira dobra costuma ser bastante limitada. Nesse espaço, o visitante faz uma avaliação direta: o que esta empresa faz, isso tem a ver comigo e onde devo clicar em seguida. A primeira dobra deve resolver exatamente essas três questões, e não antecipar um resumo institucional da empresa.
Um custo de compreensão elevado geralmente não vem de um texto mal escrito, mas de uma ordem de informações inadequada. O visitante precisa primeiro adivinhar o que a empresa vende, depois se ela é adequada para ele e, por fim, ainda procurar onde clicar. Cada etapa consome paciência. Organizar bem essa sequência é mais eficaz do que escrever frases bonitas.
Primeiro, faça o visitante confirmar o negócio, não a empresa
A posição mais alta da primeira dobra deve priorizar o próprio negócio. Um título principal que um visitante desconhecido consiga entender costuma ser mais útil do que “Fulano Tecnologia S.A.”. O critério é simples: cubra o nome da empresa e leia apenas essa frase. Uma pessoa que não conhece o setor consegue dizer o que você oferece?
O título principal pode incluir o público ou objeto de negócio e a forma de entrega, por exemplo: “Implantação e manutenção de sistemas de caixa para redes de lojas”. Esse tipo de redação não busca estilo literário, mas sim fazer o visitante classificar a empresa rapidamente. O subtítulo pode complementar com diferenciais, como abrangência de atendimento, experiência no setor ou modelo de entrega, mas evite colocar três ou quatro argumentos de venda no título principal.
Se a empresa atua em várias linhas de negócio ao mesmo tempo, não é necessário exibir todas na primeira dobra. É possível escolher a principal do momento e deixar as demais no menu de navegação ou em seções abaixo. A primeira dobra tem a função de fazer a pessoa ficar, não de explicar tudo de uma vez.
Deixe claro para quem serve, reduzindo a autoexclusão
Depois de confirmar o negócio, o visitante logo avalia se aquilo é para ele. Informações como “para quais clientes é indicado” ou “quais setores atendemos” ajudam quem está no perfil certo a se identificar mais rápido e também ajudam quem não está a sair mais cedo, reduzindo contatos improdutivos.
A descrição do público deve ser específica o suficiente para ser reconhecível. “Atendemos pequenas e médias empresas” é amplo demais; “Atendemos redes com mais de 3 lojas” facilita a identificação. Quando não for necessário usar números exatos, é possível indicar setor, cenário de uso ou estágio de compra, por exemplo: “Indicado para indústrias que estão reformulando o site institucional”.
Vale observar que descrever o público não é o mesmo que apresentar cases de clientes. Informações de parceria não verificadas não devem entrar na primeira dobra. Descrições de cenário também conseguem atingir o efeito de filtragem.
Na primeira dobra, mantenha apenas uma ação principal no botão
Os botões mais comuns na primeira dobra são “Fale conosco”, “Atendimento online”, “Conheça o produto” e “Teste grátis”. Quanto mais botões, mais difícil fica para o visitante decidir qual clicar. Recomenda-se manter apenas um botão principal na primeira dobra e deixar as demais ações abaixo ou no menu de navegação.
A escolha do botão principal depende do estágio atual do negócio. Para empresas cujo foco é atendimento consultivo, direcionar o botão para a página de contato ou formulário de mensagem é mais direto. Para empresas cujo foco é apresentação de produto, direcionar para a página do produto principal é mais adequado. O texto do botão deve deixar claro o resultado da ação; isso é mais fácil de entender do que “Clique aqui”.
Ao lado do botão, pode haver uma entrada secundária, como “Ver o processo de atendimento”, mas ela deve ser visualmente distinta do botão principal para evitar que os dois disputem atenção.
As imagens devem ajudar a entender, não apenas ocupar espaço
Um problema comum na primeira dobra é usar uma imagem de escritório sem relação com o negócio ou uma ilustração tecnológica abstrata. Essas imagens ocupam espaço, mas não transmitem informação. O mais prático é usar imagens que expliquem o formato do negócio, como interface do produto, cenário de atendimento ou representação do resultado entregue.
Se não houver uma imagem adequada no momento, é melhor reduzir a área da imagem e deixar o espaço para o texto. O nome do arquivo da imagem também deve facilitar a busca pela equipe, por exemplo, usando o nome do negócio mais a finalidade, em vez do padrão “IMG_0231”. Isso facilita tanto substituições futuras quanto a otimização de imagens para SEO.
Os textos dentro das imagens precisam ser legíveis também no celular. Em páginas responsivas, a posição relativa entre imagem e texto na primeira dobra muda. Antes de publicar, verifique separadamente a exibição no computador e no celular.
Antes de publicar, percorra a página na ordem de compreensão
Depois de ajustar a primeira dobra, não observe apenas o layout de design. Sugere-se fazer uma leitura com olhar de estranho: cubra o nome da empresa e veja se o título principal permite dizer o que ela faz; leia a descrição do público e avalie se você se encaixa; procure o botão e veja se fica claro para onde ir em seguida. Se essas três etapas fluírem bem, o custo de compreensão da primeira dobra estará relativamente baixo.
Também é possível verificar se o texto da primeira dobra fica cortado em tamanhos comuns de tela e se o botão aparece dentro da área visível inicial. Se o botão principal exigir rolagem para ser visto, é provável que o visitante saia antes.
A primeira dobra não é um conteúdo que se define uma vez e pronto. Quando o foco do negócio muda ou o produto principal é ajustado, o texto da primeira dobra também deve ser atualizado. Trate-a como um conteúdo de entrada que precisa de manutenção contínua, e não como um enfeite preenchido uma única vez na criação do site.
