Práticas recomendadas do site de comércio eletrônico: a anatomia do site de comércio eletrônico 'perfeito' [edição 2022]
Publicados: 2022-05-29Se você está no ramo de venda de produtos tangíveis, provavelmente já se juntou ao movimento do comércio eletrônico.
De acordo com a eMarketer, as vendas de comércio eletrônico atingirão quase US$ 2,5 trilhões até 2018. Os donos de lojas físicas estão cada vez mais se juntando à corrida digital para aumentar seus ganhos.
E por que não deveriam?
A internet é um paraíso de compras. No conforto de casa e com um clique, o consumidor pode comprar quase tudo o que deseja, sem o incômodo de enfrentar o trânsito, encontrar estacionamento, enfrentar a multidão e lidar com o clima adverso.
Então, onde isso te coloca?
Em um mundo de comércio eletrônico cada vez mais superlotado contra seus colegas fornecedores online.
Para vencer a curva e se juntar às fileiras das lojas de comércio eletrônico em alta, você precisa fornecer aos consumidores uma experiência de compra online bem organizada e eficiente .
A noção de um site de comércio eletrônico perfeito é um mito, mas você pode criar sua própria versão de perfeito executando constantemente testes A/B e sempre pensando em seus clientes e suas necessidades.
Grandes sites de comércio eletrônico têm vários elementos em comum. Nós dividimos isso analisando em profundidade o seu:
- Pagina inicial
- Página da categoria
- Página do produto
- Página de checkout
Com pressa? Aqui estão as melhores práticas para criar um site de comércio eletrônico em 2022:
- Práticas recomendadas da página inicial:
- Uma barra de pesquisa sempre presente
- Proposta de valor na frente e no centro
- Aba de produtos de vendas/aba de promoções
- Um rodapé onde os clientes podem encontrar informações sobre sua empresa
- Práticas recomendadas para páginas de categorias:
- Produtos claramente exibidos em linhas
- Navegação fácil de encontrar
- Banner de recursos para destacar promoções
- Dedique uma seção aos “Best Sellers” e/ou “New Arrivals”
- Práticas recomendadas para páginas de produtos:
- Exibir avaliações e comentários de clientes
- Cópia atraente do produto
- Imagens de produtos enormes e vibrantes
- Botões de adicionar ao carrinho grandes, em negrito e com contraste em cores
- Up-sells, cross-sells, produtos relacionados
- Práticas recomendadas da página de checkout:
- Indicador de progresso visual
- Ofereça diferentes opções de pagamento
- Incluir resumo do pedido
- Atendimento ao cliente fácil de navegar
- Selos de checkout seguros
- Melhores exemplos de sites de comércio eletrônico:
- Stanley-PMI: A primeira impressão é importante
- Tivoli Audio: Otimizando para “The ready-to-buy guy” e “The show me the details cara”
- Herman Miller: Apresentando seus produtos através de vídeos
- Sticker Mule: Provando sua proposta de valor, em segundos
- Lululemon Athletica: Como fazer com que seus visitantes se envolvam
- MVMT: Um upsell com um clique para aumentar o AOV
Baixe nossa lista de verificação: práticas recomendadas de design de sites de comércio eletrônico
Uma lista de verificação de 36 pontos para criar o melhor site de comércio eletrônico.
Práticas recomendadas da página inicial de comércio eletrônico
Os seguintes elementos são essenciais para uma página inicial de alta conversão:
Dica de práticas recomendadas da página inicial nº 1: uma barra de pesquisa sempre presente
Uma barra de pesquisa é uma parte incrivelmente importante de qualquer site de comércio eletrônico. Certifique-se de que quando o consumidor rolar para baixo para ver a parte inferior da página, a barra de pesquisa se encaixa na barra de navegação e rola para baixo com eles. Os visitantes não precisam rolar a página para cima apenas para procurar algo novo.
Dica de práticas recomendadas da página inicial nº 2: proposta de valor na frente e no centro
Sua página inicial precisa ter um gancho forte para excitar os consumidores e incentivá-los a comprar. Adicione força à sua proposta de valor declarando os benefícios de seus produtos de forma concisa . Indique sua USP e reflita a personalidade da sua marca por meio disso. Certifique-se de que sua proposta de valor seja clara e visível.
Dica de práticas recomendadas da página inicial nº 3: guia de produtos de vendas/guia de promoções
Mantenha os clientes existentes e os novos em seu site atualizados com suas últimas promoções. Você pode exibir uma guia na parte superior da página com detalhes sobre seus descontos e ofertas mais recentes. Também é um ótimo lugar para exibir incentivos para compradores iniciantes.
Dica de práticas recomendadas da página inicial nº 4: um rodapé onde os clientes podem encontrar informações sobre sua empresa
Adicione todos os detalhes da sua empresa no rodapé do seu site de comércio eletrônico. Adicione uma breve descrição da sua empresa, endereço de e-mail ou um número de telefone gratuito para o qual eles possam entrar em contato com você, sua localização, diferentes categorias de produtos, um blog (se você tiver um), suas contas de mídia social e assim por diante.
Práticas recomendadas da página de categoria de comércio eletrônico
As páginas de categoria precisam ter os seguintes elementos para obter recompensas lucrativas:
Dica de práticas recomendadas da página de categoria nº 5: produtos claramente exibidos em linhas
Segundo Barbara E. Kahn, professora de marketing e diretora da Jay. Centro de Varejo H. Baker,
“A ideia é que você pegará um produto quando as mercadorias forem empilhadas verticalmente e mais de um quando forem empilhadas horizontalmente. Os varejistas descobriram isso.”
Isso mostra que produtos empilhados horizontalmente em linhas venderão melhor em comparação com produtos exibidos em colunas.
Dica de práticas recomendadas de página de categoria nº 6: navegação fácil de encontrar
Ter um plano de navegação claro ajuda na usabilidade e permite que os usuários entrem na categoria desejada com facilidade.
Dica de práticas recomendadas da página de categoria nº 7: banner de destaque para destacar promoções
O banner de recursos é uma parte vital de uma página de categoria. Ele melhora a experiência do usuário de várias maneiras – mostrando a eles que eles estão na página certa, orientando-os para a próxima etapa que precisam dar para concluir seu processo de compras on-line e seduzindo-os com promoções constantes.
Baixe nossa lista de verificação: práticas recomendadas de design de sites de comércio eletrônico
Uma lista de verificação de 36 pontos para criar o melhor site de comércio eletrônico.
Dica de práticas recomendadas da página de categoria nº 8: Dedique uma seção aos “Best Sellers” e/ou “New Arrivals”
Novidades ajudam os apoiadores da marca a fazer novas compras, pois continuam voltando para mais. Best Sellers é igualmente eficaz, pois incentiva novos clientes a fazer sua primeira compra com base em seus produtos populares.
Práticas recomendadas para páginas de produtos de comércio eletrônico
As páginas de produtos de alta conversão não funcionarão sem os seguintes elementos:
Dica de práticas recomendadas da página do produto nº 9: exiba classificações e comentários de clientes
De acordo com a Moz, 67% dos consumidores são influenciados por avaliações online. A exibição de todos os tipos de comentários, bons e ruins (sim, os negativos também) incentiva os consumidores a confiar em sua marca e comprar de você. Avaliações honestas são sempre uma base sólida para a confiança.
Dica de práticas recomendadas da página do produto nº 10: texto atraente do produto
A cópia do produto é uma parte essencial do mundo do comércio eletrônico. Por quê? Porque precisa vender o produto. Ele precisa falar com o consumidor. Seja descritivo, pinte imagens e, em vez de indicar recursos, explique os benefícios do produto.
Dica de práticas recomendadas da página do produto nº 11: imagens de produtos enormes e vibrantes
O visual supera o texto. Uma imagem granulada e pixelizada com cores opacas pintará uma imagem negativa de sua marca e não atrairá seu consumidor. Por outro lado, uma imagem grande e vibrante, onde cada detalhe é claramente visível, atrairá mais seus clientes. Além disso, tente exibir o maior número possível de ângulos e pontos de vista do produto.
De acordo com Matt da American Muscle,
“A American Muscle não só tem uma grande coleção de fotos para quase todos os produtos de todos os ângulos, dentro e fora do carro, mas também permite que os clientes carreguem suas próprias fotos. Essas fotos de clientes geralmente são melhores do que as fotos corporativas e incluem ângulos que os clientes realmente querem ver.”
O guia definitivo para crescer e dimensionar um negócio de comércio eletrônico
Tudo o que aprendemos ao longo de nossa jornada de mais de 18 anos em um guia PDF de 30.000 palavras.
Dica de práticas recomendadas da página do produto nº 12: botões de adicionar ao carrinho grandes, em negrito e com contraste em cores
Coloque os CTAs próximos ao produto. Rotule o botão CTA Adicionar ao carrinho, Comprar agora, etc. Certifique-se de que sejam grandes e facilmente visíveis.
Dica de práticas recomendadas da página do produto nº 13: up-sells, cross-sells, produtos relacionados
Você pode aumentar suas conversões e aumentar o valor médio do seu carrinho fazendo up-selling e cross-selling de produtos relacionados. Mostre aos consumidores produtos que complementariam sua compra ou produtos semelhantes ao que eles compraram. De acordo com uma pesquisa da Forrester, up-sells e cross-sells são responsáveis por uma média de 10-30% das receitas de comércio eletrônico.
Práticas recomendadas da página de checkout de comércio eletrônico
Os elementos a seguir dão aos consumidores o impulso final para concluir uma venda na página de checkout:
Dica de práticas recomendadas da página de checkout nº 14: indicador de progresso visual
Os formulários de checkout on-line geralmente podem dissuadir os clientes de concluir o processo de compra. Tão perto, porém tão longe. Mas por que? Porque preencher todos os detalhes meticulosos pode ser a tarefa mais chata e manual conhecida no mundo digital! Então, como você torna essa tarefa dolorosa um pouco mais fácil para o seu cliente? Mostrar a eles o progresso do preenchimento de formulários por meio de um indicador visual de progresso permite que eles vejam a luz no fim do túnel. Não faz o trabalho para eles, mas pelo menos psicologicamente está ajudando a passar por isso.
Dica de práticas recomendadas da página de checkout nº 15: ofereça diferentes opções de pagamento
Ofereça aos clientes o luxo de escolher suas opções de pagamento, como PayPal, Stripe, Mastercard, etc.
Dica de práticas recomendadas da página de checkout nº 16: inclua o resumo do pedido
Mostre aos seus clientes o resumo do pedido na página de checkout, para que eles saibam o que estão comprando. Isso evita que eles se perguntem constantemente se clicaram no produto certo, qual foi o preço, escolheram a cor certa, etc. Você pode incluir a imagem do produto, os atributos do produto e seu preço.
Dica de práticas recomendadas da página de checkout nº 17: atendimento ao cliente fácil de navegar
Nenhuma política de devolução é uma maneira infalível de assustar seus clientes. Para evitar isso, adicione elementos de suporte à sua página de checkout. Isso pode incluir um recurso de bate-papo, políticas claras de envio e devolução, um número gratuito para ligar, etc.
Dica de práticas recomendadas para a página de finalização de compra nº 18: crachás de finalização de compra seguros
Use um cabeçalho que diga 'compras 100% seguras' ou adicione crachás de segurança no rodapé para esclarecer as dúvidas de segurança persistentes de seus clientes. Com os negócios de comércio eletrônico crescendo em um ritmo tão rápido, é importante fornecer aos clientes um ambiente seguro de compras on-line. Adicionar este gráfico na página de checkout eliminará as chances de os clientes desistirem no último minuto devido a questões de segurança.
Baixe nossa lista de verificação: práticas recomendadas de design de sites de comércio eletrônico
Uma lista de verificação de 36 pontos para criar o melhor site de comércio eletrônico.
Quer ver o infográfico completo? Sinta-se à vontade para compartilhar (o código de incorporação está na parte inferior)
Compartilhe este infográfico em seu site
Melhores exemplos de sites de comércio eletrônico: edição 2022
Pesquisamos os principais sites de comércio eletrônico em vários setores, tanto em B2C quanto em B2B, para fornecer uma visão abrangente do que é necessário para passar de um site médio a um líder do setor.
1. Stanley-PMI: questões de primeira impressão
Categoria: B2C
Mercado: canecas e garrafas térmicas ao ar livre
Quando alguém chegar ao seu site, ele sairá em um piscar de olhos se você não os envolver rapidamente ou mostrar algo que os intriga.
Portanto, é vital que o visitante do seu site entenda o benefício de seus produtos e o Stanley-PMI faz um ótimo trabalho nisso. Quanto mais rápido eles puderem entender o que seu produto faz por eles, maiores serão suas conversões. 
O que gostamos nele
Cópia clara e concisa do produto: os benefícios rápidos, as cores de cada produto, a classificação no topo e um botão claro "ADICIONAR AO CARRINHO" facilitam a decisão.
O que poderia ser melhorado
Em vez de dizer “Inscreva-se em nossa newsletter”, eles devem indicar um benefício imediato para se inscrever. Eles podem usar uma isca digital e escrever algo como “Para receber seu guia gratuito…”
Mesmo adicionar “Inscreva-se para ofertas exclusivas” sem uma isca digital tornaria um pouco mais convincente para os leitores inserirem seu e-mail.
2. Tivoli Audio: Otimizando para “O cara pronto para comprar” e “O cara me mostre os detalhes”
Categoria: B2C
Mercado: Áudio
Existem dois tipos de consumidores:
- Aqueles que estão prontos para comprar, tomam decisões rápidas e querem ir direto à mercadoria.
- Depois, há aqueles que querem saber mais. Eles querem ler o FAQ, a página Sobre e ler quase tudo antes de comprar.
Um bom site de comércio eletrônico sabe como otimizar para ambos os tipos de pessoas e o Tivoli Audio faz isso bem.
O que gostamos nele
Navegação de cabeçalho duplo na página inicial. Navegação grande e clara para a loja e outras páginas principais, e para quem quer mais, você tem os detalhes mais profundos acima.
O que poderia ser melhorado
Uma categoria que deve ser adicionada (como geralmente é a categoria principal selecionada em sites de comércio eletrônico) é a categoria “Novidades”.
3. Herman Miller: Apresentando seus produtos por meio de vídeos
Categoria: B2B
Mercado: Móveis
Fotos grandes, claras e vívidas são esperadas nos dias de hoje. O vídeo está se tornando o novo padrão.
O que gostamos nele
Produtos exibidos por vídeo - os clientes podem experimentar os produtos em movimento, tornando-os mais propensos a comprar.
O que poderia ser melhorado
O que está faltando na Herman Miller são os depoimentos dos clientes. Não há comentários no site. Existem vários designers nas páginas de produtos, mas eles estão perdendo a prova social.
4. Sticker Mule: Provando sua proposta de valor, em segundos
Categoria: B2B
Mercado: Presente
O adesivo mule faz um ótimo trabalho ao deixar claro por que eles são tão bons. A proposta de valor deles é a primeira coisa que você vê, e a prova de adesivo gratuita do cliente em potencial é feita em segundos, criando confiança e aumentando as conversões.
O que gostamos nele
Uma proposta de valor muito clara que é comprovada em segundos e credibilidade social.
O que poderia ser melhorado
Poderia haver uma maneira mais fácil para os clientes entrarem em contato com o atendimento ao cliente - há apenas um botão "contato" no site na parte inferior da página.
Adicionar uma opção de bate-papo ao vivo no canto inferior direito seria ótimo. Até mesmo adicionar um segundo botão de “contato” no topo ajudaria.
5. Lululemon Athletica: Como fazer com que seus visitantes se envolvam
Categoria: B2C
Mercado: Vestuário
As pessoas querem mais interação. Eles querem estar mais envolvidos na experiência de compra online.
O que gostamos nele
O engajamento no site é ótimo, e a navegação facilita encontrar exatamente o que você está procurando.
O que poderia ser melhorado
O recurso de bate-papo ao vivo requer muito trabalho - em vez de preencher um formulário para aguardar o bate-papo ao vivo, permita que os clientes ignorem o trabalho e comecem a conversar imediatamente com um agente de atendimento ao cliente ou um chatbot.
6. MVMT: Um upsell com um clique para aumentar o AOV
Categoria: B2C
Mercado: moda
Sua loja de comércio eletrônico deve ser projetada para fazer uma coisa: dar aos seus clientes algo que eles desejam.
Um upsell é uma oportunidade perfeita para agregar um pouco mais de valor à sua oferta atual. Se você puder tornar tão fácil quanto clicar em um botão para adicionar uma segunda pulseira a um relógio, poderá aumentar o valor médio do seu pedido muito.
O que gostamos nele
O upsell da MVMT em seus relógios não parece tão agressivo. Não faz você se sentir desconfortável. Isso cria uma oportunidade para o visitante ter mais opções. Coloque-se no lugar do visitante. “Hmm... segunda alça... nunca pensei nisso. Ter couro preto seria bom. Sim, eu gosto mais desse do que do cinza.” *Clique*
O que poderia ser melhorado
MVMT tem um site bonito. É limpo, é bem projetado. É fácil de usar. No entanto, uma coisa que pode ser melhorada é a página inicial acima da dobra. Uma proposta de valor clara que diga imediatamente por que sua loja é diferente reduzirá as taxas de rejeição e aumentará as conversões.