Voltar para casesRafael Lima Rafael Lima

Case 04 · E-commerce B2C · Varejo alimentar

Uma compra de supermercado mais simples e fluida

Experiência de supermercado digital pensada para tornar navegação, escolha e compra recorrente mais simples.

Logo Supermercados São Vicente
ClienteSupermercados São Vicente
AtuaçãoProduct Designer
MercadoBrasil
ContextoE-commerce B2C · Varejo alimentar

Dar velocidade a uma compra recorrente e densa.

Problema + complexidade

A compra de supermercado combina listas extensas, decisões rápidas, categorias amplas, alta frequência e disponibilidade variável. O desafio foi organizar essa densidade sem perder velocidade, legibilidade ou confiança, principalmente no mobile.

Da compreensão do problema à definição da experiência.

Atuei na arquitetura e nos fluxos de catálogo, produto e compra, priorizando a informação necessária para decisões rápidas. A adaptação de componentes por viewport preservou continuidade ao longo da jornada.

01Arquitetura02Catálogo03UX & fluxos04Responsividade05Handoff
ColaboraçãoProdutoDesignEngenhariaNegócio

O raciocínio por trás da experiência.

01
Problema

Catálogo amplo e recorrente

Decisão

Priorizar velocidade de descoberta

Solução no produto

Departamentos, categorias e busca foram organizados para apoiar localização e recompra.

02
Problema

Excesso de informação por produto

Decisão

Destacar atributos que orientam a decisão

Solução no produto

Disponibilidade e informações essenciais ganharam prioridade em PLP e PDP.

03
Problema

Rupturas entre escolha e fechamento

Decisão

Preservar continuidade na compra

Solução no produto

Catálogo, carrinho e checkout foram tratados como partes da mesma tarefa.

EncontrarCompararAdicionarRevisarComprarRecomprar

Densidade organizada para decisões rápidas e recorrentes

Onde a atuação aconteceu.

01

Navegação

Reorganização da arquitetura de informação e da árvore de navegação para acelerar descoberta por departamentos e recompra.

02

Catálogo

Priorização de atributos e disponibilidade em PLP e PDP para sustentar decisões rápidas.

03

Conversão

Feedbacks contextuais no carrinho e checkout para preservar continuidade durante a compra.

04

Responsividade

Definição de comportamentos e microinterações por viewport para manter fluidez entre telas.

Decisões que precisavam funcionar além do layout.

A experiência precisava continuar rápida mesmo com muitos itens, mudanças de estoque e pouco espaço de tela.

01Densidade
02Disponibilidade
03Responsividade

Experiência preparada para implementação.

Hierarquia, comportamento responsivo e estados de disponibilidade foram documentados para preparar a solução para desenvolvimento.

PrioridadeFluxoComponenteViewportEstadoImplementação

Uma base clara para o produto avançar.

Impactos observáveis na estrutura da experiência e na preparação da solução para evolução.

  • Descoberta mais organizada
  • Experiência orientada à recorrência
  • Continuidade entre catálogo e compra
  • Comportamento responsivo documentado

Próximo case

NagumoConsistência e clareza para escalar o e-commerce