Material: excelente performance em smartphones

Por: Rocío Diez
Criado em: 05/01/18.
Atualizado em 29/08/18.
3 min
de leitura

Índice

    Material theme

    Desde a sua criação, o modelo Material se destaca por sua excelente performance. É um dos layouts mais escolhidos pelos nossos clientes e é um dos que possuem as maiores taxas de conversão (CVR).

    Quando notamos isso, começamos a analisar o porquê das pessoas se sentirem tão confortáveis navegando por esse layout. Descobrimos, então, que uma das razões é a semelhança com as aplicações dos dispositivos móveis.

    Por isso, decidimos aprofundar esses padrões e preparar uma série de mudanças que tornam ainda mais fáceis a busca por produtos, a análise de seus detalhes e a finalização de uma compra, principalmente se for por mobile. Estamos convencidos de que, com essas alterações, as lojas da Nuvemshop venderão muito mais. Acompanhe as novidades!

    O que fizemos para melhorar a experiência do usuário?

    Primeiramente, modificamos todos os campos de formulário. Agora, quando o comprador for preenchê-los, notará que as cores foram trocadas – isso manterá o foco no que deve ser feito. Ademais, tornamos mais semelhante a forma como as prescrições são mostradas nas aplicações.

    Form Nuvemshop

    Sabemos que os usuários estão acostumados com as práticas do Google. Então, implementamos modificações para que a pesquisa de produtos fique similar a dele. O componente de acesso direto às categorias foi simplificado, facilitando observar quais os tipos de produtos que a loja possui.

    Alteramos também o componente das mercadorias: para as lojas que têm acesso rápido, mudamos o ícone, para que se entenda que o produto será aberto em uma tela. Reordenamos os itens à esquerda para uma leitura mais rápida, destacamos os preços e modificamos os indicadores de desconto, de frete grátis e de promoção para não cobrirem os produtos e, ao mesmo tempo, estarem em destaque.

    Home nuvem shop

    A tela do produto é extremamente importante na decisão de compra de potenciais clientes. Por isso, na versão mobile, decidimos alterar o plano de fundo que estava junto do nome dos itens, para que seja lido com mais facilidade. Ajustamos também os títulos das variantes para que mantenham os mesmos tamanhos e espaços.

    Como bônus, modificamos os indicadores de promoção e de frete grátis para que estejam próximos do nome, na coluna do botão de compra, e não na imagem.

    Product Nuvemshop

    O que você achou dessas mudanças?

    Rocío Diez

    Rocio é desenvolvedora de produtos digitais. É viciada em batatas fritas e adora fazer CrossFit.


      • Muito melhor. Espero que a versão desktop também receba uma atenção, porque precisa. Urgente. Obrigado.

        • nuvemshop

          Olá! Como vai?

          Estamos sempre investindo em aprimoramentos para oferecer o que há de melhor e mais atual no mundo do e-commerce. Agradecemos a preferência e o feedback positivo 🙂

          Até mais!

      • Tais Furtado Ferraz

        Gostei, acho que deveriam ser implementadas para desktop também.

        • nuvemshop

          Olá, Tais! Como vai?

          Estamos sempre investindo em aprimoramentos para oferecer o que há de melhor e mais atual no mundo do e-commerce. Agradecemos a preferência e o feedback positivo 🙂

          Até mais!

      • Latoya C Silva

        É precisa atualizar a versão desktop também, urgente. A forma em que ficam as fotos, seria melhor ficarem todas no mesmo tamanho, sem precisar recorrer sites externos para configurar o px de cada foto. Fora que mesmo fazendo isso tem fotos que não ficam alinhadas, é horrível. Tive que deixar tudo desalinhado mesmo, fica feio. Agora esperar pra ver se um dia resolvem deixar tudo alinhado (ou pelo menos oferecer essa opção), como em outros templates 🙁

        • nuvemshop

          Olá! Como vai?

          Estamos sempre investindo em aprimoramentos para oferecer o que há de melhor e mais atual no mundo do e-commerce. Agradecemos a preferência e o feedback positivo 🙂

          Até mais!

      Registre-se gratuitamente

      Receba posts sobre marketing e empreendedorismo diretamente no seu e-mail.

      Coloque o conhecimento na prática

      +15 mil alunos já aplicaram o aprendizado na Universidade e criaram seus negócios com a Nuvemshop.

      Teste 15 dias grátis

      Faça sua marca crescer

      Cria sua loja virtual com a Nuvemshop e venda de maneira profissional como eles:

      Osmoze - www.osmozestore.com.br
      Morango Brasil - morangobrasil.com.br
      Osram - loja.osram.com.br
      Testar 15 dias grátis