Pular para o conteúdo
Todos os projetos

Redesign de UX · E-commerce VTEX

Village Home Center

Redesign estratégico da experiência do e-commerce da Village Home Center, com foco em UX e mobile-first. Fiz o design no Figma; o desenvolvimento e a publicação ficaram com a 732 Mídia Marketing.

Parceria
732 Mídia Marketing (desenvolvimento e publicação)
Meu papel
UX/UI Design no Figma
Plataforma
VTEX
Entregável
Protótipo navegável no Figma
Página inicial do e-commerce da Village Home Center no desktop
Página inicial do e-commerce da Village Home Center no celular, com busca e barra de navegação inferior
Telas do projeto no desktop e no celular

Contexto

Um home center vende produtos de categorias muito diferentes, de pisos e louças a tintas e materiais de construção. O redesign precisava deixar a busca e a navegação mais diretas e dar clareza a preço, desconto e condições de pagamento, começando pelo celular.

Objetivos

  • Encontrar o produto em poucos toques, pela busca ou pelas categorias
  • Preço, desconto e parcelamento legíveis à primeira vista
  • Experiência pensada primeiro para o celular

O que eu fiz

  1. Reorganizei o cabeçalho com a busca em destaque e atalhos para conta e carrinho; no celular, a busca ocupa a largura toda logo abaixo do topo.
  2. Criei uma barra de navegação inferior no mobile com Nossas lojas, Pedidos, Favoritos, Simulador e Cartão Village.
  3. Desenhei as vitrines de produto com preço “de/por”, selo de oferta, parcelamento e as ações de adicionar e comprar.
  4. Montei o protótipo navegável no Figma, usado como referência pela 732 Mídia Marketing no desenvolvimento.

Resultado

O redesign foi implementado e publicado pela 732 Mídia Marketing e está no ar em villagehomecenter.com.br. As telas acima são do site publicado; o protótipo original pode ser visto no Figma.