Mulvi Pay - Design System e Aplicativo

A MulviPay é uma empresa inovadora e dedicada a oferecer soluções de pagamento modernas e eficientes para empresas de todos os tamanhos. Com uma equipe altamente qualificada e experiente, destaca-se no mercado como uma das principais opções para empresas que buscam um sistema de pagamento seguro, confiável e fácil de usar.

Contexto

Em novembro de 2022, fui convidado a participar da criação do Redesign e Design System do aplicativo do TKS - Soluções de pagamento, transformando-se em Mulvi Pay. Durante o mês de novembro, desenvolvi o projeto do Design System, Documentação e Redesign junto com o Tiago Antonio.

Documentação

Desenvolvemos o nosso Design System seguindo o Atomic Design: Átomos, Moléculas, Organismos, Templates e Páginas.

Começamos com os átomos, que são os elementos mais básicos do design, como cores, tipografia e ícones. Em seguida, combinamos esses átomos para criar moléculas, que são componentes maiores, como botões e campos de formulário. Depois, combinamos as moléculas para criar organismos, como menus e formulários completos. Por fim, usamos esses organismos para criar páginas completas.

Essa estrutura molecular ajuda a garantir que nossos designs sejam consistentes e escaláveis.

Componentes

Após a criação dos átomos, iniciamos o processo de criação dos principais componentes para utilizarmos nas primeiras interfaces, precisamos realizar Handoff para os desenvolvedores semanalmente e com urgência, estávamos trabalhando praticamente de forma sincronizada com a equipe de desenvolvimento. Todos os componentes foram criados pela equipe com feedback e colaboração dos desenvolvedores.

Conclusão

A documentação de design segue uma linguagem visual consistente, com padrões de nomenclatura claros e uma documentação detalhada para cada componente. Isso facilita a comunicação entre a equipe de design e desenvolvimento, ajudando a garantir que os designs sejam implementados corretamente.

Conseguimos realizar a entrega do Design System e Redesign em prazo apertado, devido a sua consistência.

A experiência de desenvolver o Design System e Redesign sincronizado com o desenvolvimento mobile foi riquíssima, conseguimos ter uma excelente comunicação e solucionamos os desafios encontrados no decorrer do desenvolvimento deste projeto.