10 Mobile Commerces para inspiração de design!

Banner Retail Media para e-commerce

Referencias é uma das premissas que nós Agências necessitamos para iniciar o desenvolvimento de toda a estrutura de um projeto de e-commerce. Neste post irei compartilhar uma matéria fabulosa que li no site Bashooka.com – um blog de web design, onde são compartilhados tutoriais e recursos para desenvolvedores e designers de front-end.
São sites que inovaram na apresentação de sua estrutura visual e funcional, na experiência que proporcionaram para o usuário e na facilidade de navegação dentro do ambiente mobile.
Como uma imagem vale mais que mil palavras… neste caso destacamos usamos 10 referencias que inovaram, e o resultado é de encher os olhos! Então vamos a elas…
(1) Seletor de tamanho e adição de produto ao carrinho de compras.
Com um nível de integração absurdo, o front-end designer deixou totalmente humanizado a funcionalidade de adição do produto no carrinho de compras.

(2) Página de Produto Mobile
Um excelente exemplo de página de produto focado na apresentação do produto, e fazendo que as informações secundárias não agridam a imagem do produto.

(3) Lista de Desejo – baseada em Social Media
Uma estrutura totalmente intuitiva para a seleção de produtos dentro de um e-commerce, baseando na experiencia de navegação de uma rede social.

(4) Filtro de Produto/ Página de produto
Uma página de produto com um sistema de filtros – para facilitar a navegação digno de apresentação e uma ressalva dentro de nosso post =)

(5) Resultado de busca e Barra de Departamentos.
Esse designer criou um sistema de busca com filtros para refinamento da busca, além de uma barra de categorias totalmente integrada ao conceito de navegação do e-commerce.

(6) Carrinho de Compras
Carrinho de compras totalmente friendly  – o time de front-end developers conseguiu concatenar em uma mesma tela um volume  grandioso de informações com muita criatividade e organização.

(7) Página de Produto – seleção de cor e tamanho
Dentro do mercado de moda, a dificuldade que se tem é apresentar todos os tamanhos e cores de um produto dentro de um mesmo espaço (sem que o cliente tenha que ficar utilizando o scroll), facilitando assim a visualização de produtos similares e grade disponível. Esse exemplo o time de desenvolvimento conseguiu unificar muito bem essas informações.

(8) “Me dê imagens”… 
Realmente essa operação “saiu das curva” com a apresentação de seus produtos de uma forma totalmente humanizada e com a utilização de imagens combinadas (produto e still – ambientadas/ modelo) , além disso, o modo de localização da quantidade de peças no carrinho e consequentemente o checkout são um atrativo a parte.

(9) Personalização de Produtos/ Seleção de Sku’s
Tal qual o item (7), na minha concepção esse time inovou ainda mais, até porque o cliente pode personalizar em poucos cliques a cor e o tamanho do produto.
Detalhe para a adição do produto no carrinho de compras!!!

(10) Reviews
Avaliações de clientes, é umas das diretrizes circunstanciais para a decisão de compra, e apresentar isso de forma clara para o cliente certamente provocará um aumento da conversão do produto (se os reviews forem bons, né)…
Esse e-commerce conseguiu combinar muito bem o produto e seus reviews. #NiceJob

Obviamente que cada cenário aplicado está condizente com todo um estudo de U.X, nicho de produto, etc.
Portanto, nunca tente “copiar” uma referencia para o seu negócio, a idéia aqui é demostrar o que pode ser feito, e caso seja compatível com o ecossistema de seu e-commerce,  tente adaptar a ideia as necessidades que seu produto necessita.
Até mais…

Serviço de otimização de conversão (CRO)

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *