DS
Suitcase
2 designers · 3 devs · 2 stakeholders
Hurb · traveltech
2022 / 2023
O Hurb tinha produtos em web, iOS e Android crescendo sem uma linguagem comum. No primeiro time dedicado ao design system, estruturamos o Suitcase do inventário à primeira versão. Minha frente foi a facilitação entre design, produto e engenharia de todas as squads. O desafio: dar consistência e escala sem travar quem já estava entregando.
Web, iOS e Android
numa só linguagem
Útil desde o dia 1
para todos os times
Saúde medida
em cada componente
Roadmap
guiado por quem usa
Cada produto falava uma língua
As demandas cresciam, e as inconsistências também, entre o design e cada tecnologia. Havia bibliotecas no Figma, mas elas não refletiam o que estava em produção, e o handoff travava.
O ponto de partida real era a documentação técnica do front web, enquanto o time definia processos e como seria o dia-a-dia.
Medir antes de construir
Antes de criar qualquer componente, reunimos design, produto e engenharia para mapear o que existia.
Definimos critérios de saúde para cada componente, em design, tecnologia, documentação e priorização.
Saúde à vista
Com os critérios, avaliamos todos os componentes da biblioteca web e cruzamos com o que existia nas outras bibliotecas.
O resultado virou a base de acompanhamento do design system: indicadores, gatilhos de tarefas e o filtro do backlog.
Um time com rotina própria
Com o escopo claro, o desafio passou a ser o time. Documentação interna, kanban alinhado às tarefas de engenharia, arquivos organizados por momento da tarefa e cerimônias semanais de evolução.
A estrutura de dentro preparou as bibliotecas de quem usa.
A primeira versão
Faltava um marco para os times começarem a transição. Lançamos a primeira versão do Suitcase, com design tokens, bibliotecas e documentação aberta.
Materiais de apoio ajudaram cada squad a levar o design system para o dia a dia. Ver a documentação oficial ↗
Escuta contínua
Com a primeira versão no ar, pesquisas com designers, PMs e devs viraram termômetro e alimentaram um catálogo de insights.
O roadmap das próximas releases saiu daí, priorizado em conjunto. Consistência não se impõe: se negocia com cada time.
