A melhor hierarquia de design de layout da sua página inicial para conquistar mais clientes e vendas

A disposição da sua loja online levanta várias questões. Sua página inicial serve como um hub para o melhores coisas na sua loja online, com componentes como controles deslizantes de imagem, botões do carrinho de compras, miniaturas e botões de produtos e formulários de assinatura de marketing por e-mail.

Cada um é essencial, mas como você os organiza para atrair mais clientes, considerando que a página inicial é geralmente a página mais freqüentada em seu site? Se analisarmos algumas das lojas de comércio eletrônico mais criativas e bem-sucedidas, poderemos descobrir uma hierarquia de layout padrão, gerando um pouco de modelo para cada um desses componentes em sua página inicial.

Começaremos com o topo da página inicial e descemos. Continue lendo para aprender sobre a melhor hierarquia de design de layout para sua página inicial para atrair mais clientes.

Seu logotipo para a esquerda ou centro (e componentes do cabeçalho)

O cabeçalho da sua página inicial também abrange todo o seu site, portanto, esses módulos exigem uma reflexão profunda. O objetivo do seu cabeçalho é mostrar rapidamente às pessoas sobre o que é o seu site e fornecer aos usuários alguns dos botões e campos de maior desempenho para encontrar conteúdo.

O logotipo

localização do logotipo

Comece com o seu logotipo. Um logotipo bem projetado fornece o maior valor aqui, mas você precisa garantir que ele seja colocado no canto superior esquerdo no meio do cabeçalho. As pessoas leem da esquerda para a direita, e o logotipo normalmente dá uma ideia do que o site oferece. Se o seu logotipo não explicar imediatamente sua empresa, inclua um slogan curto abaixo ou ao lado do logotipo.

A barra de pesquisa

importância da barra de pesquisa

Cada site de comércio eletrônico é um pequeno mecanismo de busca dentro de si. Se um de seus clientes, vamos chamá-lo de Steven, pousa em sua página inicial à procura de um colar, ele só tem algumas opções para encontrar o que ele precisa.

O primeiro e menos eficiente método envolve clicar em uma das categorias de navegação de menu. O segundo método, que geralmente leva os usuários à página correta um pouco mais rápido, é uma barra de pesquisa. Se a barra de pesquisa estiver oculta sob o controle deslizante ou estiver em algum lugar na barra lateral, você forçará seus clientes a vasculhar a bagunça apenas para realizar uma pesquisa simples.

Coloque isso no seu cabeçalho e deixe claro.

Ícone e botão do carrinho de compras

Captura de tela em 2015 06-01 11.25.00-AM

Como muitas lojas on-line colocam o ícone do carrinho de compras no canto superior direito do site, você pode presumir que a maioria dos clientes procura instintivamente lá para localizar o que está no carrinho de compras.

Infelizmente, você geralmente fica com o que seu tema ou plataforma de comércio eletrônico oferece em termos do módulo de carrinho de compras, mas aqui está uma orientação se você estiver no mercado para alterar o design:

  • Incluir um ícone do carrinho de compras
  • Incorpore um link ou ícone que ofereça um checkout com um clique em qualquer página do site
  • Mostrar um número para indicar quantos itens estão no carrinho de compras

Anúncios de envio

Captura de tela em 2015 06-01 11.25.09-AM

Uma maneira bonita de criar urgência é oferecer frete grátis ou outros incentivos, depois que os usuários comprarem uma certa quantidade de produto. Se você optar por incluir algo assim em sua estratégia, é essencial fazer o anúncio no cabeçalho do website.

A imagem acima mostra um bom exemplo de como a empresa Kutoa explica sua política de envio sem ocupar muito espaço.

Banners sazonais

Isso é semelhante à política de envio da qual falamos acima, mas se você está promovendo uma promoção sazonal ou uma oferta especial, como espera que as pessoas aprendam sobre isso? Reserve um espaço no seu cabeçalho para pequenos banners promocionais. Dessa forma, quando as férias passam por você, basta colocar um gráfico e deixá-lo até que a promoção termine.

Botão de login / registro

Esse é um dos pilares das homepages do comércio eletrônico. Mostrar um link de login / registro claramente no cabeçalho. Ele cria um processo de checkout transparente para o cliente e você pode coletar algumas das informações do cliente.

Um menu de navegação com as guias apropriadas

Seus itens de menu dependem inteiramente do tipo de negócio que você executa, mas obviamente é algo que precisa ser incluído na hierarquia da página inicial. A melhor tática é anotar onde você deseja que seus clientes se movam primeiro e escolha seus itens de menu com base nisso. Você vende principalmente camisetas? Faça de um dos seus primeiros itens de menu um link direto para suas camisetas mais populares.

Imagem ou controle deslizante com call to action e botão sobrepostos

CTA sliders

O controle deslizante de imagens fica logo abaixo do cabeçalho e serve como uma maneira de compartilhar fotos impressionantes de seus produtos. Um slider com apenas imagens é inútil embora. Incorpore frases de chamariz e botões que levem os usuários a alguns de seus produtos ou promoções mais populares.

Inclua quatro ou cinco slides no controle deslizante e altere-os dependendo da sua própria estratégia.

Grade ou controle deslizante de miniaturas de produtos

miniatura como um controle deslizante ou uma grade

O O blog do Shopify explica como oferecer muitas opções confunde os clientes, empurrando-os para sair do seu site ou fazer menos compras. Embora sua página inicial exija uma grade de produtos logo abaixo do controle deslizante de imagem, pense duas vezes antes de empacotar em mais de quatro ou cinco itens.

Formulário de assinatura de marketing por e-mail

Coletar e-mails para enviar futuras promoções e boletins informativos é uma das maneiras mais fáceis de manter os clientes e mantê-los informados. Essa é uma das áreas em que as lojas de comércio eletrônico mais populares variam em termos de onde a inscrição no boletim informativo fica na página inicial. Uma conclusão é clara: se você quer que as pessoas se inscrevam, você deve colocar um formulário de inscrição na página inicial.

O primeiro método é acertar os usuários com o formulário de inscrição no cabeçalho. Isso pressupõe que seu boletim informativo forneça conteúdo de alta qualidade e você não se sinta constrangido em comercializá-lo logo de cara.
adicionar inscrição no cabeçalho

Outras lojas preferem a barra lateral ou o rodapé ao compartilhar o formulário de inscrição no boletim informativo. Tenho notado que as lojas on-line geralmente colocam os formulários perto da parte inferior da página quando não enviam muitos e-mails. Eles estão simplesmente tentando coletar e-mails para enviar a promoção ocasional.
Captura de tela em 2015 06-01 11.25.39-AM

Minha tática de aquisição de e-mail favorita é o formulário pop-up, que se revela depois de um usuário acessar seu site por alguns segundos. Estes geralmente geram a maioria das assinaturas e você pode afirmar claramente que o cliente recebe algo em troca.
popups

Sidebars ou Layouts Baseados em Grade?

A barra lateral oferece uma oportunidade única para consolidar seus componentes menos importantes e, ao mesmo tempo, dar a eles a exposição que merecem. Um método semelhante é o que chamamos de layout de grade, em que toda a sua página inicial envolve um padrão um tanto quadriculado com módulos quadrados empilhados um ao lado do outro.

layout baseado em grade

Quais são alguns componentes sólidos para incluir na barra lateral?

  • Um botão ou link para seu blog
  • Banners promocionais ou sazonais
  • Links de mídia
  • Módulos ou links sociais
  • Um widget Sobre nós ou uma área explicando sobre o que o site é

Últimos Tweets

O rodapé

A maioria de seus clientes não navegará até o rodapé, mas alguns links importantes, ainda que menos urgentes, são necessários.

O rodapé

Eu sempre acho que montar o rodapé de comércio eletrônico perfeito é uma tarefa tediosa porque é fácil esquecer alguns dos itens necessários. Aqui está uma lista para você começar:

  • Entre em contato conosco
  • Email Us Link
  • Número de telefone
  • Link do status do pedido
  • Link de FAQ
  • Botões sociais
  • Ligação de garantia
  • Link da política de privacidade
  • Link do blog
  • Link de informações de envio
  • Link de retorno de informações
  • Link de informações corporativas
  • Link de empregos

A criação de uma hierarquia efetiva de página inicial de comércio eletrônico é uma arte, mas com um pouco de ajuda e compreensão de quais áreas convertem a maioria dos clientes, você pode transformar sua página inicial em um ponto de atividade. Dito isso, deixe um comentário abaixo se você pensar em algum outro item pertencente a essa lista.

Curva de imagem de recurso de Chris Bannister

Catalin Zorzini

Eu sou um blogueiro de web design e comecei este projeto depois de passar algumas semanas lutando para descobrir o que é a melhor plataforma de comércio eletrônico para mim. Confira minha corrente top 10 construtores de sites de comércio eletrônico.