Loading Experiences... Loading Experiences... Loading Experiences...
Loading Experiences... Loading Experiences... Loading Experiences...
ShopB
Como a SHOPB elevou a experiência
de compra em seu ecommerce.
Cliente

ShopB

Serviços

UX Design, UI Design, Frontend Development, Loja Integrada

País

Brasil

Ano

2021

Há 11 anos no varejo de games e entretenimento, a ShopB é um dos e-commerces mais reconhecidos no mercado nacional e loja oficial no Mercado Livre. A loja faz parte de um grupo que compõe esse ecossistema com uma variedade de outras empresas:

Com uma paixão incondicional pelo seu produto, a ShopB atende todo o Brasil por meio das suas lojas online e marketplaces:

Loja Oficial Mercado Livre
Top10 Brasil da Loja Integrada
Número de pedidos?

01.   DESAFIO

O objetivo da missão

Reformular todo o design e jornada de compra online no e-commerce, mantendo a utilização da plataforma Loja Integrada e trazendo uma experiência única para um público exigente e conectado: os geeks e gamers.

shopb ux ui design frontend development loja integrada
profile gabriel bollico

“O que me incentivou a trabalhar com a agência foi gostar bastante do design que a Mentores aplica em seus projetos. Depois de um projeto inicial, fomos melhorando e criando mais projetos juntos, com uma proximidade que é muito satisfatória.”

Gabriel Bollico, Fundador e Diretor
Grupo ShopB

02.   SOLUÇÃO

User Experience:
Modernização e
novas soluções

Para um negócio do porte da ShopB, é essencial um e-commerce de última geração pronto para receber e impactar um grande volume de visitantes todos os dias.

Neste quesito, o user experience faz toda a diferença: um design atual, com usabilidade pensada na facilidade e na experiência do usuário, que é decisivo na hora de fechar uma venda.

Mapeamos a jornada do usuário e seus pain points para encontrar oportunidades e propor melhorias. Um dos principais pontos trabalhados foi a navegação no menu, no qual, por possuir uma infinidade de produtos agrupados em até 4 níveis de hierarquia, construímos mega-menus que se adaptam para grandes e pequenas categorias. Transições sutis, como a de compactar e expandir o menu, também foram exploradas em toda a loja virtual.

Design de Interface:
Identidade e sofisticação

Para trazer um ar lúdico e uma identidade geek para o layout, elementos de jogos clássicos foram inseridos em todo o layout, como o “cano do Mario” para o login e a “estrela” para indicação de frete grátis.

A sofisticação ficou por conta das cores escuras associadas às imagens e banners, que se diluem no layout além do aspecto clean predominante.

Tecnologia:
Responsividade
extra LARGE

Uma das características negativas que marcam lojas na plataforma Loja Integrada é o layout com largura limitada, que traz um aspecto “estreito e pobre”, principalmente para usuários com monitores amplos, como os gamers e office workers.

Para driblar essa limitação, reescrevemos todo o código de estilos da loja, criando versões responsivas que ampliam o layout para até 1700px de largura (de acordo com o tamanho do monitor do usuário).

Banner editável

O banner também recebeu features que extrapolam a experiência da plataforma: ao invés de apenas imagens com textos (que acabam sendo mais trabalhosas para atualizar), o sistema de banners que criamos permite que o administrador atualize o texto dos banners sem precisar trocar a imagem, além de poder explorar emojis na sua comunicação.

03.   RESULTADOS

Fidelização e
credibilidade

O e-commerce da ShopB se tornou não apenas uma ferramenta de vendas, mas também de aquisição e fidelização de clientes ao aliar design e credibilidade a uma experiência de compra incrível, fidelizando clientes vindos de todos os canais.

Novas parcerias

Além disso, o novo posicionamento colaborou para novas parcerias, tornando a Shopb loja oficial da Playstation, Logitech e Microsoft, ganhando diversas vantagens competitivas e exclusividades no mercado.

parceiro playstation
parceiro logitech
parceiro microsoft
profile gabriel bollico

“O que me incentivou a trabalhar com a agência foi gostar bastante do design que a Mentores aplica em seus projetos. Depois de um projeto inicial, fomos melhorando e criando mais projetos juntos, com uma proximidade que é muito satisfatória.”

Gabriel Bollico, Fundador e Diretor
Grupo ShopBBoticário
Universidade
da Beleza Universidade
da Beleza Universidade
da Beleza Universidade
da Beleza Universidade
da Beleza Universidade
da Beleza Universidade
da Beleza
Footer test