Layout Diamond: uma brilhante experiência de compra

Por: Rocío Diez
Layout Diamond: uma brilhante experiência de compra

Nós, da equipe de Produto da Nuvemshop, estamos constantemente investigando o comportamento das pessoas que navegam em lojas online para entender quais são as suas motivações e, assim, gerar mais vendas aos e-commerces que utilizam a nossa plataforma.

Desta vez, trabalhamos em um dos modelos de layout mais escolhidos por nossos clientes: o Lifestyle.

Tivemos como foco o processo de compra, procurando facilitar três momentos-chave:

  • Quando uma pessoa conhece a variedade de produtos existentes e combina essa informação com suas necessidades e motivações pessoais;
  • Quando se faz uma seleção e quer saber mais sobre um produto específico;
  • E, finalmente, quando a decisão de compra está quase feita e a pessoa decide adicionar mais um produto ao carrinho.

Facilitamos a pesquisa de produtos!

Para facilitar a pesquisa de produtos, modificamos a posição da barra de navegação, assim será mais fácil identificar as categorias e subcategorias das mercadorias.

Além disso, começamos a especificar os itens dentro do botão do carrinho de compras para que o cliente possa entender rapidamente quantos itens foram adicionados.

Também alteramos a cor da barra de pesquisa, desse modo o peso visual estará na navegação.

Diamond Nuvemshop Barra de pesquisa

Quando todos os produtos são mostrados, o objetivo principal do usuário é poder encontrar de forma simples aqueles que mais o interessa. Portanto, priorizando a pesquisa, redesenhamos os botões de filtrar e classificar a lista de itens para que tenha o mesmo peso e que cada cliente possa procurá-los à sua maneira.

As pessoas agora interagem com as lojas: quando alguém para o cursor do mouse sobre um produto, adicionamos uma animação para facilitar o foco no que lhes interessam.

Na tela de detalhes do produto, o botão para adicionar ou subtrair mais itens semelhantes foi modificado, pois do celular não era muito fácil tocá-lo. Assim, consideramos que mais de 70% do tráfego nas lojas é através de smartphones. A tendência mobile no mundo do comércio eletrônico é tudo!

Diamond Nuvemshop Product list

Carrinho completo, loja feliz 🙂

O momento em que um produto é adicionado ao carrinho é chave, pois é aí que a decisão é tomada para finalizar ou não uma compra. Neste caso, o peso visual foi reduzido para o botão “voltar” e, dessa maneira, os consumidores poderão se concentrar no momento da compra e não em navegar novamente.

O design do botão principal de compra também foi alterado para que ele seja preenchido com a cor principal da marca, e não com bordas. Nos casos em que o botão “continuar comprando” aparece, nós o movemos para a parte inferior da tela, desta maneira não interferirá na finalização da compra.

E, finalmente, adicionamos uma caixa em torno do cálculo do custo de envio para que cada componente da tela possa ser lido de maneira simples e ágil.

Bônus: colocamos o preço total do carrinho à direita para que ele esteja na mesma coluna dos outros valores.

Diamond Nuvemshop cart

O que você achou dessas mudanças?

Estamos lançando essas mudanças nas lojas que possuem os modelos Diamond, Cosmetics, Studio e Fancy de forma gradual para podermos medir o impacto do que foi feito e nos certificarmos de que, com cada alteração, estamos melhorando a quantidade de vendas para aqueles que usam a Nuvemshop.

Ganhe tempo e receba conteúdos da Nuvemshop no seu e-mail Ganhe tempo

Receba semanalmente uma curadoria dos melhores conteúdos sobre Marketing, Vendas, Gestão e E-commerce diretamente no seu e-mail.

Faça como +30mil lojas e
crie a sua Nuvemshop

Testar 30 dias grátis
Crie a sua loja na Nuvemshop

Nossa resposta ao Coronavírus

Conheça a iniciativa #TamoJunto. Todas as ações que estamos criando aqui na Nuvemshop para te ajudar neste momento.

Conhecer a #TamoJunto