História
Em meados de 2020, através de meu studio de web e design Ideen Design, tive o privilégio de iniciar uma parceria com a Consiga Mais, uma renomada empresa de empréstimo consignado, que havia sido recentemente integrada a uma das fintechs mais inovadoras do Brasil, fundada em 2016. Este projeto marcou um ponto crucial tanto para o cliente quanto para nós, pois envolveu o desenvolvimento de um produto para o time de RH interno e, o mais desafiador, a criação de um Design System para os produtos internos. O cenário era complexo: havia protótipos em desenvolvimento e uma variedade de produtos em backlog aguardando para serem iniciados.
O Desafio Enfrentado
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.
