← Projetos · 02 / 03

Gauge · E-commerce responsivo · Design System

Atacadão: escala precisa de sistema.

Lançar um novo e-commerce responsivo com consistência entre times exigia mais do que telas bonitas: exigia uma fonte única de verdade.

Sistema

Orange Design System

Criação e gestão de um DS que virou base reutilizável entre times.

Entrega

E-commerce responsivo

Interfaces consistentes do mobile ao desktop, prontas para escalar.

Método

Quali + Quanti

Validação com dados qualitativos e quantitativos a cada iteração.

Contexto

Um novo e-commerce, vários times.

Pela Gauge, atuei no novo e-commerce responsivo do Atacadão. O desafio não era só desenhar telas: era garantir consistência e velocidade de entrega entre times que tocavam partes diferentes do produto ao mesmo tempo.

  • ClienteAtacadão (via Gauge)
  • FrenteE-commerce responsivo + Design System
  • Meu papelIdeação, prototipação, validação e gestão do Design System
O desafio

Consistência que aguenta velocidade.

Quando vários times produzem em paralelo, a inconsistência aparece rápido: botões diferentes, espaçamentos diferentes, padrões que divergem tela a tela. Isso custa tempo, retrabalho e confiança do usuário. Era preciso um padrão que escalasse sem virar gargalo.

Meu papel

Do protótipo ao sistema vivo.

Conduzi ideação, prototipação e validação de interfaces com dados quali e quanti, e criei e gerenciei o Orange Design System, componentes, padrões e diretrizes que deram aos times uma base comum. O DS deixou de ser um arquivo e virou um produto interno, mantido e evoluído conforme o e-commerce crescia.

E-commerce responsivo do Atacadão e biblioteca de componentes do Orange Design System

Representação visual do projeto: e-commerce responsivo e componentes do Orange Design System.

Impacto

Uma base que acelera o próximo.

O resultado é consistência visual e de componentes entre times e uma base reutilizável que encurta o caminho de cada nova tela. Em vez de redesenhar o básico toda vez, o time passou a partir de padrões validados, ganhando tempo para resolver o que realmente importa.

Próximo case

Legal Design: o jurídico que se entende

Ver case