︎ VR

Design System unifica ecossistema e apoia mais de 30 squads.

Mais de 150 mil empresas impactadas com o desenvolvimento do SuperPortal e mais de 5 milhões de usuários no SuperApp.

---

︎ Projeto iniciado em 2024 e segue em desenvolvimento

Na VR, com mais de 30 squads trabalhando de maneira independente, a necessidade de uniformidade e eficiência era clara. As equipes enfrentavam desafios em comunicação e alinhamento, resultando em inconsistências na entrega e na experiência do usuário. Meu objetivo era implementar processos e ferramentas que não apenas facilitassem o trabalho em equipe, mas também garantissem uma experiência coesa e otimizada para nossos usuários no SuperPortal e no SuperApp.

No desenvolvimento do Design System, minha primeira tarefa foi criar todos os tokens de design. Esses tokens são fundamentais para garantir uniformidade visual e consistência em todos os produtos.

Trabalhando em React e React Native, estabeleci uma base sólida que possibilitou às equipes uma implementação rápida e ágil, tornando o processo de design e desenvolvimento mais eficiente e reduzindo custos.

Em seguida, me dediquei à criação de componentes reutilizáveis que se tornaram pilares do nosso Design System. Esses componentes não apenas aceleraram o tempo de desenvolvimento, mas também mantiveram a identidade da marca em todos os nossos produtos.

Com um catálogo bem definido, as squads agora podiam se concentrar em inovar e oferecer novas funcionalidades, sem se preocupar com a insistência em design.

︎︎︎ DS Button
︎︎︎ DS Icon Button
︎︎︎ DS Divider
︎︎︎ DS Icon
︎︎︎ DS Illustration
︎︎︎ DS Checkbox
︎︎︎ DS Radio Button
︎︎︎ DS Switch Button
︎︎︎ DS Toast
︎︎︎ DS Information Card
︎︎︎ DS Breadcrumb
︎︎︎ DS Tooltip
︎︎︎ DS Pagination
︎︎︎ DS Table
︎︎︎ DS Modal
︎︎︎ DS Date Picker

︎︎︎ DS Step Bar
︎︎︎ DS Carousel Step
︎︎︎ DS Badge
︎︎︎ DS Loading
︎︎︎ DS Logo
︎︎︎ DS Skeleton
︎︎︎ DS Product Chip
︎︎︎ DS Accordion
︎︎︎ DS Feedback
︎︎︎ DS Tag
︎︎︎ DS Tab
︎︎︎ DS Input
︎︎︎ DS Search
︎︎︎ DS Card
︎︎︎ DS Select

Patterns ajudando a escalar com templates prontos

Para complementar, desenvolvi uma coleção de patterns que orientaram as equipes na construção de interfaces intuitivas e agradáveis. Esses padrões foram essenciais para padronizar a experiência do usuário e garantir que todas as interações fossem fluídas e consistentes. A clareza na documentação e os exemplos práticos ajudaram a facilitar a adoção desses padrões por todos os squads.

O resultado

Um ecossistema mais coeso e eficiente, onde design e desenvolvimento trabalham em perfeita harmonia. As entregas no SuperPortal e SuperApp não só se tornaram mais rápidas, mas também mais alinhadas com a visão da VR. Com a implementação do Design System, conseguimos reduzir custos exponenciais, aumentar a satisfação do usuário e, principalmente, criar um ambiente de trabalho saudável e produtivo para todas as equipes.

Espero que este case tenha inspirado você e mostrado como um bom DesignOps e Design System podem fazer toda a diferença. Vamos juntos continuar a criar experiências incríveis!