O Desafio
A Consiga Mais nos apresentou um desafio multifacetado. Por um lado, precisávamos criar um produto interno eficiente para o time de RH. Por outro lado, e talvez o mais desafiador, estava a tarefa de desenvolver um Design System do zero. Este sistema não só precisava atender às necessidades atuais do produto em desenvolvimento, mas também ser flexível o suficiente para se adaptar aos futuros produtos planejados. O tempo era essencial, já que precisávamos alcançar o ritmo do produto já em desenvolvimento, garantindo consistência, padronização e, acima de tudo, eficiência nas entregas.
A jornada para a solução
Nosso ponto de partida foi uma imersão nas necessidades específicas do time de produto da Consiga Mais. Decidimos por um desenvolvimento “On Demand” do Design System, o que nos permitiu ser ágeis e adaptáveis. Uma análise profunda foi realizada, estudando os componentes das telas já desenvolvidas e identificando áreas de inconsistência que precisavam ser abordadas.
Um aspecto crucial do nosso trabalho foi a comunicação constante com o time de engenharia de software. Isso garantiu que cada componente desenvolvido estivesse alinhado com as necessidades técnicas, resultando em entregas consistentes. O uso de Design Tokens nomeados segundo suas propriedades específicas provou ser uma estratégia eficaz para simplificar a comunicação entre designers e desenvolvedores, removendo ambiguidades e acelerando o processo de desenvolvimento.
O Figma tornou-se nossa ferramenta de escolha para o handoff, permitindo uma transferência fluida de informações entre design e desenvolvimento. Desenvolvemos um método prático que facilitava aos desenvolvedores acessar o código de estilo de cada componente, visando a padronização e consistência em todos os níveis do projeto.
Resultados
A implementação do Design System trouxe mudanças significativas ao ciclo de desenvolvimento da Consiga Mais. A eficiência foi notavelmente melhorada: tarefas que antes levavam de 2 a 2,5 sprints, muitas vezes retornando com bugs de estilo, agora eram concluídas em apenas 1 sprint, sem erros e com alta consistência e padronização. Isso liberou tempo valioso para focar em decisões estratégicas de negócios e inovação, ao invés de correções e ajustes.
A migração para a identidade visual da nova fintech ocorreu sem problemas, graças à estrutura flexível e bem pensada do Design System. Em poucas horas, conseguimos adaptar todos os componentes às novas cores e fontes, um testemunho do sistema robusto e adaptável que havíamos construído.
