Primeira dobra do site: o que mostrar antes da rolagem

“Primeira dobra” é a área visível antes de rolar a página. Seu tamanho muda conforme aparelho, navegador, fonte e orientação. Por isso, o objetivo não é encaixar uma composição rígida, mas estabelecer uma prioridade que continue clara em diferentes telas.

Comece identificando a oferta

O título principal deve dizer qual serviço ou solução está sendo apresentada. Frases de efeito podem acompanhar, mas não substituir a informação. Quem chega por busca, anúncio ou indicação precisa reconhecer rapidamente se a página corresponde à expectativa.

Uma página de serviço pede um título específico. A página inicial pode resumir a atividade e o público. Evite tentar listar todos os serviços no mesmo cabeçalho.

Inclua contexto suficiente

Uma frase de apoio pode esclarecer região, tipo de cliente, formato de atendimento ou principal diferença operacional. Escolha o dado que ajuda a decidir se vale continuar, sem acumular benefícios genéricos.

Se a empresa atende somente determinadas cidades ou trabalha sob agendamento, essa condição pode ser mais útil que uma promessa abstrata.

Escolha uma ação principal

A chamada deve corresponder ao próximo passo real: pedir orçamento, consultar cobertura, agendar avaliação ou conhecer serviços. Use verbo e destino claros. Um botão como “Começar” gera dúvida quando ainda existe análise ou contato intermediário.

Veja como escrever uma chamada para ação coerente com a jornada.

Evite excesso de botões

Contato, telefone, WhatsApp, catálogo, redes sociais e orçamento lado a lado disputam atenção. Mantenha uma ação principal e, quando necessário, uma alternativa discreta. Outros caminhos podem aparecer em seções posteriores ou no menu.

Use imagem que acrescente informação

Uma foto pode mostrar ambiente, equipe, produto ou tipo de trabalho. Não escolha apenas porque combina com a cor do layout. Evite imagens que parecem representar um cliente ou projeto real quando não são da empresa.

O guia de imagens para site profissional ajuda a revisar autorização, compressão e contexto.

Não esconda tudo dentro de um vídeo

Vídeo pode complementar a apresentação, mas o título, a oferta e a ação precisam existir em texto. Algumas pessoas navegam sem som, com conexão limitada ou preferem ler. Confira os cuidados para usar vídeo no site.

Planeje a versão móvel primeiro

Em telas estreitas, título longo, imagem alta e barra de aviso podem empurrar o botão para longe. Teste com fontes maiores, aparelhos pequenos e navegação do sistema. A mensagem continua sendo prioritária mesmo quando não cabe inteira antes da rolagem.

Não reduza o texto até ficar ilegível apenas para “caber na dobra”. A experiência móvel deve preservar leitura e toque confortáveis.

Cuide do carregamento

A primeira tela perde função se imagem, fonte ou animação atrasam o conteúdo. Comprima recursos, evite vídeos automáticos pesados e reserve espaço para elementos que carregam depois. O visitante deve perceber estabilidade e conseguir agir sem esperar efeitos decorativos.

Use sinais de confiança verdadeiros

Identificação da empresa, área atendida, processo ou credencial relevante pode reforçar confiança. Não coloque avaliações, selos, contadores ou garantias sem origem verificável. Quando a prova exige contexto, apresente-a em uma seção própria.

Conecte a primeira tela ao restante

O início cria uma promessa que as seções seguintes precisam cumprir. Se o título fala em orçamento de um serviço, a página deve explicar escopo, processo, condições e contato. Uma primeira dobra forte não compensa conteúdo vazio abaixo.

Checklist da primeira dobra

1. atividade ou serviço identificado;
2. título específico;
3. contexto relevante;
4. ação principal clara;
5. botões limitados;
6. imagem verdadeira e útil;
7. texto independente de vídeo;
8. celular testado;
9. carregamento controlado;
10. continuidade no restante da página.

A dobra é um começo, não a página inteira

Seu papel é orientar a entrada. A decisão acontece com a soma entre mensagem inicial, explicação, confiança e facilidade para avançar.