Unificando a experiência SaaS no Magalu

Direção de experiência, tokens e um modelo de contribuição para acelerar entregas em múltiplas verticais, com padrão compartilhado e escala de plataforma

Ano

2021-2022

Plataforma

Web/React

Papel

Design Lead

conceito de plataforma usado para a criação do design system

Desafio

O Magalu estava iniciando uma nova plataforma SaaS, mas o seu ecossistema de aplicações carregava inconsistências de linguagem visual, arquitetura e experiência. O desafio era construir um design system capaz de sustentar as primeiras entregas com qualidade e, ao mesmo tempo, criar alinhamento entre Produto, Design e Engenharia sobre a visão de futuro da plataforma.

O “How”

Começamos pelo básico: uma direção clara de produto. Em colaboração direta com a vertical de Sellers, definimos rapidamente um conceito de experiência, o “look & feel” e o comportamento esperado da plataforma, que se tornou a base para escalar o sistema.

Com essa fundação definida, estruturamos o design system que ficou conhecido como Maas Components, com documentação desenhada para o uso diário: regras, estados e decisões registradas de forma objetiva e consultável, direto no Figma. A paleta de tokens era enxuta e apenas flexível o suficiente, adequada ao estágio inicial do produto e pronta para evoluir conforme a plataforma amadurecesse.

Para manter o sistema vivo, estruturamos a biblioteca Team Components como um projeto de contribuição: um espaço compartilhado para propor, debater e evoluir padrões com alinhamento. O design system foi tratado como artefato em movimento em oposição a um catálogo intocável, com governança light e foco em destravar a entrega.

Impacto

Visão Consolidada entre times

Alinhamos stakeholders e times em torno de uma visão única de plataforma, “look & feel” e comportamento esperados, que virou referência para decisões de UI.

Documentação mão na massa

Foundations e documentação eram diretas e facilmente consultáveis. O sistema estava pronto para escalar componentes com consistência já no início do produto.

Evolução Contínua

Com governança descentralizada, o design system não ficou “congelado”, evoluiu continuamente com os times, preservando consistência e velocidade.

Pace acelerado

O design system permitiu que os times se concentrassem em entregar valor de produto, enquanto o sistema evoluía para atender às necessidades de UI.