Como criar uma boa página inicial para seu site

04/01/2022

A página inicial do seu site é como uma vitrine. É ela que vai chamar a atenção dos potenciais clientes que acessem o seu site.

Leia as nossas dicas sobre como projetar uma excelente página inicial, que faça os visitantes de passagem quererem ficar e saber mais sobre o seu negócio.

Alguns visitantes já conhecem o seu negócio. Quando entram em seu site, eles sabem exatamente onde clicar para encontrar novidades ou os seus produtos preferidos. E eles também levam seu tempo para navegar e pesquisar profundamente em busca de novas coisas.

Outros visitantes vêm apenas de resultados de pesquisa gerais. Esses examinam rapidamente a sua página inicial e olham para os títulos e botões clicáveis. Estão numa missão e não têm tempo para descobrir como o seu site funciona.
Mesmo que leiam outros textos e títulos mais longos, não se trata de uma leitura aprofundada. Por isso, se você não fornecer as respostas que eles procuram, eles irão desaparecer em segundos. É aí que a diversão começa! A única forma de você se beneficiar com o seu site, é projetando a página inicial cuidadosamente. Como? Nós damos todas as respostas!

As vantagens de uma boa página inicial

1. Uma página inicial bem projetada deixa claro aos seus clientes quem você é e como você pode ajudá-los

Dê as boas-vindas aos seus visitantes, dizendo-lhes claramente quem você é, o que você pode fazer por eles e mostrando-lhes o seu poder de super-herói.

Certamente você já ouviu falar em proposta de venda única. Em outras palavras, o que torna o seu negócio melhor do que a concorrência. Deixe logo bem claro por que você é superior aos seus concorrentes!

Quanto mais clara for a sua página inicial, mais fácil será para os seus visitantes a compreenderem e, consequentemente, maiores serão as suas chances de convertê-los em clientes.

2. Uma página inicial bem projetada ajuda você a construir a sua marca

A página inicial tem um grande impacto no seu negócio, por isso você deve fazer com que esta pareça profissional. Mantenha a identidade da sua marca para que os seus visitantes a reconheçam imediatamente assim que entrem no seu site.

É possível que você já tenha o seu logotipo, slogan, cores da marca e outros recursos visuais prontos. Se você ainda não os tem, agora é a hora! Use-os em seu site para que os visitantes possam conectar o site com a sua presença offline.

3. Uma página inicial bem projetada pode converter visitantes em novos clientes

Fornecer as informações certas, posicionar estrategicamente as Call to action (CTAs) e outras opções de navegação é essencial para conduzir os visitantes a aprofundar a pesquisa no site, proporcionar uma experiência memorável e até convertê-los em novos clientes.

Considere o percurso dos seus clientes

O percurso dos clientes descreve todas as etapas percorridas por eles, desde que entra na página inicial do site, até efetuar a compra e muito mais. Isso ajudará você a projetar melhor não só a página inicial como também todas as outras páginas.

Tente imaginar o seu cliente padrão:

  • Quem é ele?
  • Qual é o seu objetivo?
  • O que ele procura ao entrar no seu site?
  • Como é que você pode atender às necessidades dele?

E como é que você pode atender a essas necessidades, sem que o seu cliente tenha de se esforçar muito para encontrar o que procura, quando ele não tem tempo para isso?

Assim que tiver a resposta para estas perguntas na sua mente, você está pronto para projetar. Pode dar um nome e avatar a essa persona, para torná-la ainda mais pessoal.

A Persona represente o cliente padrão da loja online

Exemplo de uma Persona

Agora tente imaginar o percurso dos seus clientes como se a sua homepage fosse uma loja real. Acompanhe-os desde a entrada até o check-out e responda a todas as suas perguntas.

A sua página inicial deverá ser grande o suficiente para satisfazer todas as dúvidas dos seus visitantes, mas não exagere! Afinal, você ainda pode usar um botão “ler mais” e direcioná-los para outra página.

No fundo, faça com que seja uma experiência agradável para que eles voltem!

Dica profissional: use uma janela de chat para imitar um processo real de vendas. Dessa forma, em vez de conversar cara a cara com o seu cliente, irá comunicar com ele em tempo real através de um chat ao vivo.

Aprenda como instalar uma janela de chat ao vivo aqui.

O que é um layout de página inicial eficaz?

Uma página inicial padrão é dividida em duas seções – acima da dobra e abaixo da dobra.

Esses termos foram atribuídos pela indústria de jornais: as histórias mais importantes eram colocadas na metade superior da primeira página. Portanto, todo mundo que passasse por uma banca veria as notícias principais. Essa prática ainda é eficiente, por isso também é usada em web design.

Esquema da dobra na página inicial

O esquema da dobra

Elementos da página inicial que devem ser mantidos acima da dobra

Uma das partes mais importantes da sua página inicial é, inegavelmente, o conteúdo que aparece na metade superior da página inicial – ou, dito de outra forma, acima da dobra. Então, que elementos devem ser colocados aqui?

Navegação intuitiva

Seja o mais eficiente possível ao criar a navegação. Lembre-se de que quanto mais cliques para longe do objetivo, mais tempo será gasto no caminho até a conversão.

Inclua apenas as páginas mais importantes na navegação principal e coloque o resto, como Termos e Condições ou Política de Privacidade, no rodapé.

Não oculte todos os seus serviços ou categorias de produtos sob um rótulo sem graça. Se for possível, nomeie-os diretamente.

Além disso, não sobrecarregue os seus visitantes com muitas opções.

Considere estes dois exemplos: Imagine que você está procurando alguns cactos para a sua coleção. Qual, para você, é a navegação que torna mais rápido e fácil encontrar a oferta de cactos?

Exemplo de site com uma navegação pouco intuitiva

Um exemplo de navegação pouco intuitiva

Exemplo de site com uma navegação intuitiva

Um exemplo de navegação clara

Seção simples com elementos visuais fortes

Outro recurso eficiente é uma seção hero. Normalmente, é uma imagem de banner grande no topo de um site.

Aqui, estabeleça claramente sua missão – quem você é, o que faz, como pode ajudar os visitantes. Seja o mais claro possível, nunca vago: mantenha as informações curtas e diretas ao ponto.

Pense nisso como um outdoor na rodovia. Você precisa chamar a atenção dos motoristas, que se movimentam rapidamente, e entregar a sua mensagem com clareza em segundos.

Além disso, use as melhores imagens possíveis para se apresentar. As pessoas reagem mais rapidamente a visuais agradáveis do que ao texto.

Não os repele com fotos de baixa qualidade de algum banco de fotos. Esteja no seu melhor.

Site com uma seção hero superlotada

Uma seção hero superlotada

Botão call to action (CTA) claro para visitantes fiéis

Visitantes fiéis são aqueles que provavelmente irão reagir à chamada para a ação assim que a virem, pois já estão determinados a comprar o produto.

Exemplo de botões de apelo à ação pouco claros

Um exemplo de CTA pouco claro

Exemplo de um botão de apelo à ação claro

Um exemplo de um botão claro de apelo à ação

Por outro lado, os visitantes não comprometidos precisarão de outro CTA mais tarde na página, colocado abaixo da quantidade certa de texto.

Mais uma vez, pense no percurso dos clientes – coloque o CTA no ponto em que eles estejam instruídos o suficiente sobre os seus produtos ou serviços e incentivados pelo conteúdo que o acompanha para se converterem. Isso nos leva abaixo da dobra!

Elementos da página inicial para colocar abaixo da dobra

Então você rolou para baixo e está agora abaixo da dobra. Este é o lugar que também não é lido.

Lembre-se: as pessoas não lêem, elas digitalizam. Qual a melhor forma de lidar com esse fato?

Projete o resto da página como uma plataforma de lançamento

Faça da página inicial uma plataforma de lançamento que direciona facilmente os internautas para outras páginas importantes que eles podem estar procurando.

Não dê tudo de uma vez. Use apenas trechos do conteúdo publicado nas outras páginas e faça com que os visitantes cliquem e aprendam mais sobre seu produto, serviço, empresa, etc. clicando em um botão ou link específico. Faça-os cavar fundo no site.

Homepage que incita a uma navegação mais profunda

Torne a página inicial numa plataforma de lançamento

Colete testemunhos

Colete depoimentos dos seus clientes satisfeitos ou exiba o logotipo dos seus clientes. Seus serviços apareceram em revistas de destaque? Mostre com orgulho!

Depoimentos de clientes satisfeitos

Mostre os depoimentos e referências dos seus clientes

Práticas recomendadas para o design da homepage

Grandes sites usam convenções porque elas funcionam

As pessoas querem que o seu site seja como os outros. É por isso que os sites são semelhantes, o que não é necessariamente uma coisa ruim!

Por exemplo, as pessoas esperam que o logotipo no canto superior esquerdo leve de volta à página inicial. Ou que informações de contato estejam disponíveis no canto superior direito.

Desta forma, elas sabem operar o site imediatamente, sem pensar muito na sua funcionalidade. O que os deixa com capacidade cognitiva suficiente para pensar sobre o seu produto ou serviço. É uma dupla vantagem!

Exemplo de layout de página inicial pouco convencional

Um exemplo de layout de página inicial não convencional

Não sobrecarregue a página

Lembre-se do que Coco Channel dizia: sempre tire o último acessório que você colocar. O mesmo vale para todos os botões, textos de cópia, vídeos, gifs, memes e títulos que você acabou de adicionar.

Mostre apenas as coisas importantes. Deixe algum conteúdo para as outras páginas.

Um exemplo de site com muita informação na homepage

Um exemplo de site superlotado

Torne o botão de apelo à ação atraente e claro

Escolha cores contrastantes para o botão em relação ao fundo, para que ele se destaque. Use textos curtos, mas autoexplicativos. Não deixe espaço para adivinhar o que o botão faz ou para o visitante se questionar se deve clicar nele.

Menos é mais

Lembre-se: as pessoas não lêem, elas digitalizam. Transmita mensagens importantes para elas com o mínimo de palavras possível.

Sim, eles estão interessados na sua história, mas apenas se a história tiver no máximo duas frases.

Escolha fotos ou vídeos realmente bons

A qualidade é importante. Imediatamente ajuda você também a se destacar e a construir a sua marca. Além disso, tenha em mente o tamanho do arquivo: preferencialmente, deve ficar abaixo dos 600 kB para a imagem principal e 250 kB para as outras.

Use a hierarquia visual corretamente

Existem títulos, subtítulos, parágrafos e botões. Use o mesmo tipo de formatação para conteúdo igualmente importante. Não confunda os seus visitantes.

O pior site do mundo de todos os tempos

O pior site do mundo de todos os tempos

Evite criar rodapés falsos

As pessoas tendem a reagir à seção mais escura do site como se fosse o fim. Eles não rolam para baixo, pois não deve haver conteúdo importante na parte inferior da página. Novamente, não confunda os seus visitantes com fundos falsos.

Exemplo de um rodapé falso na página inicial

Cuidado com os rodapés falsos – a seção preta no meio

Pontos-chave a ter em conta ao projetar a página inicial de um site

  • As primeiras impressões são importantes. Seja profissional. Use imagens de qualidade e cores agradáveis.

  • Os visitantes que estão numa missão não lêem, digitalizam. Mantenha os textos tão curtos e concisos quanto possível.

  • Torne os CTAs atraentes e irresistíveis de clicar, escolhendo a cor e as palavras certas.

  • Diga claramente quem você é e o que faz. Use a seção hero para isso.

  • A convenção funciona. A maioria dos sites usa a mesma estrutura simplesmente porque funciona e é esperada pelos visitantes. Tire proveito disso e não os confunda.

  • Não exagere. Mostre apenas o que é necessário.

Você quer projetar as outras páginas do site? Experimente este guia passo a passo.