Contato
2019

E-commerce em escala, de lojas a sistemas

E-commerce · Adobe Commerce

Experiências de e-commerce personalizadas para marcas de varejo de grande porte, de moda e calçados a joias e casa, sobre Adobe Commerce.

Lojas virtuais da Wishin e da Karmani em notebook

Empresa

  • Trezo Tecnologia, parceira Adobe Commerce

Meu papel

  • UI/UX Designer
  • Protótipos e sistemas visuais
  • Análises de usabilidade e propostas de melhoria

Contexto

Na Trezo, agência especializada em Adobe Commerce, desenhei lojas virtuais para marcas de varejo muito diferentes, como moda feminina (Karmani), calçados (Wishin), joias (Virtual Joias) e cama, mesa e banho (Casa Almeida). Cada operação tinha público e catálogo próprios, mas dividia o mesmo desafio: transformar uma loja grande e cheia de produtos em uma navegação clara até a compra.

/projects/ecommerce
Página inicial da Karmani

O que eu fiz

  • Lojas desenhadas de ponta a ponta, personalizadas ao contexto de cada cliente
  • Protótipos de navegação e checkout, com sistema visual consistente entre telas
  • Análises de usabilidade e melhorias para sites como Melissa, Asus e Tudo Livro
  • Hackathons, Oktober Commerce e um boilerplate para atender novos projetos e escalar a operação
Wishin no celular, em versão isométrica
Virtual Joias no celular

Decisões de design

  • Guidelines e pesquisa antes da telaPartia dos guidelines de cada cliente e de pesquisas para mapear os requisitos da plataforma e aplicar a necessidade real de cada negócio.
  • Atualização tecnológica como oportunidadeMuitos projetos eram atualizações do Adobe Commerce. Em vez de só migrar, otimizávamos as imagens, o admin e a forma como a experiência funcionava.
  • Boilerplate para escalarCriamos um boilerplate para atender diversos projetos novos com consistência e escalar a operação.
/projects/ecommerce
Moodboard, benchmarking, identidade visual e componentes da Wishin

Impacto do design

A referência que o blog da própria Trezo usa é um estudo do Google: cada segundo a mais de carregamento no mobile pode reduzir a conversão em até 20%. É por isso que as atualizações do Adobe Commerce, em que otimizávamos imagens, admin e o funcionamento da experiência, eram tratadas como ganho direto para a loja. E o boilerplate foi criado para atender novos projetos e escalar a operação.

Loja Casa Almeida em notebook
Página inicial da Virtual Joias