top of page
Passei Direto
2022-23
O projeto de nova versão do DS da Passei Direto exigiu muito estudo, pesquisa, planejamento e organização.
Desafio
O Passei Direto era um produto com 10 anos de mercado que já tinha vários elementos de Design System organizados, principalmente para Designers de Produto. Porém, esses elementos precisavam de atualização com a evolução da nossa UX e também de total espelhamento em desenvolvimento.
Além disso, a plataforma estava passando por um processo de internacionalização e o time de Marketing realizou um rebranding, apresentando uma nova identidade verbal e visual a ser utilizada em toda a América Latina.
Objetivos
-
Garantir padronização e consistência dos elementos, tanto em Design quanto em Tech
-
Ganhar mais agilidade e foco em UX nas entregas dos squads
-
Evoluir a interface do produto de acordo com rebranding
Contexto
Fundada em 2012, a Passei Direto passou por algumas evoluções visuais até 2018, quando houve um primeiro esforço para centralizar diretrizes, padrões e componentes para designers e desenvolvedores.
Conforme o tempo foi passando nos 4 anos seguintes, muita informação foi sendo perdida com a rotatividade do time. O que estava disponível tanto para Design quanto para Tech estava descentralizado e ficando defasado tanto em termos de visual quanto de código.
A necessidade de um novo Design System ficou muito latente, então aproveitamos o momento do rebranding de internacionalização para projetar a nova versão do DS.
Pesquisa
Antes de qualquer decisão, era preciso mergulhar no desafio: levantar tudo que havia sobre o DS utilizado até então, descobrir quais eram todos os elementos, entender como estavam sendo usado por Product Designers e Pessoas Desenvolvedoras, quais eram as maiores dores e dificuldades de cada perfil.
Com o apoio do time de UX Research, estruturei um plano de ação em frentes complementares que tinham potencial de dar as respostas que precisava para avançar:
-
uma pesquisa quantitativa com todas as pessoas desenvolvedoras da Passei Direto e outra com pessoas do Chapter de UX
-
uma pesquisa qualitativa com algumas pessoas que respoderam a pesquisa quanti
-
uma pesquisa quali com outros profissionais do mercado.
Descobertas
Um dos principais insights das pesquisas foi que o entendimento sobre o que é um Design System estava parcialmente alinhado entre o time, mas era preciso que tivéssemos uma definição oficial.
Outro foi que as maiores dores giravam em torno de dois pontos centrais: comunicação e organização. Profissionais de Tecnh e Design — dentro e fora da Passei Direto — bateram nessas mesmas teclas, então ficou evidente que esses deveriam ser nosso foco na reestruturação do nosso Design System.
Se você quer ficar por dentro dos detalhes de todos os passos até a solução, você pode ler os artigos que escrevi durante o processo: planejamento, pesquisa, diagnóstico e comunicação.
Solução
Depois da fase de pesquisa, ainda foi necessário fazer uma série de alinhamentos com stakeholders e então entrar na fase de estruturação do projeto. Definição dos próximos passos, uma série de decisões técnicas e estratégias de comunicação para engajamento do time vieram em seguida. Foi necessário fazer um extenso trabalho de pesquisa para fundação do DS (tokens), cujo foco foi equilibrar todas as necessidades de negócio com acessibilidade.
Nesse projeto também foram contemplados:
-
fluxos de governança
-
planos de comunicação em diferentes canais
-
treinamentos com o time de UX
-
uma rica documentação de fácil acesso para que o entendimento e engajamento da equipe estivessem sempre no nível máximo.
Um aprendizado enorme que vou levar sempre comigo foi entender que um Design System envolve muito mais que apenas a parte técnica de criar tokens e componentes.
Resultado
Participação
Fiquei muito feliz com a oportunidade de liderar o projeto de estruturação inteiro e colocar a mão na massa em todas as etapas, desde a pesquisa (incluindo recrutammento, questionário, tabulação e análise de resultados), passando por toda a criação e execução da estratégia de comunicação até todas as entregas técnicas de fato (treinamentos/materiais educativos, estudo, execução de toda a fundação/tokens e documentação final de Design).
bottom of page