Em 2023, a Superdigital iniciou a construção de um Design System robusto para padronizar e acelerar o desenvolvimento de sua plataforma digital. O trabalho envolveu a criação de mais de 50 componentes reutilizáveis para mobile, sua adaptação ao código legado e a integração com o backend. A iniciativa trouxe consistência visual, eficiência técnica e uma experiência do usuário mais coesa em toda a operação da fintech do Santander.
Quem é a
Superdigital?
A Superdigital é a fintech do grupo Santander, especializada em oferecer uma conta digital pré-paga e soluções financeiras acessíveis para pessoas físicas e pequenas empresas. Nascida como uma fintech brasileira (ContaSuper), foi adquirida pelo Santander em 2015. A plataforma é 100% digital, permitindo abertura de conta pelo celular, envio de documentos e assinatura digital, e oferece cartões pré-pagos (físicos e virtuais), transferências, recargas e operações correntes pelo aplicativo. Um diferencial é sua camada social, que permite interações entre usuários, como divisão de despesas. O Santander a via como uma oportunidade de expansão global, objetivando construir uma plataforma multipaís, escalável e inovadora, alinhada ao programa global de digitalização e inovação do grupo.
O que estava
em jogo
A Superdigital precisava garantir um ecossistema digital mais consistente e escalável. Embora já houvesse um foco em Design System na construção e expansão da carteira digital, em 2023, havia a necessidade de apoiar a Squad de UX no desenvolvimento mobile e, posteriormente, de expandir a aplicação do Design System para o código legado e garantir sua integração com o backend. Além disso, o projeto enfrentou desafios como a conclusão de componentes após a virada de código e a implantação prática do Design System em diversas squads do banco.
Como
começamos
O projeto de Design System da Superdigital teve início em 2023, quando a equipe da Vortigo foi acionada para apoiar a Squad de UX no desenvolvimento mobile. O objetivo inicial era estabelecer uma base para um ecossistema digital mais consistente e escalável. Com o sucesso da primeira fase, o escopo dobrou, expandindo para o código legado e a integração com o backend.
A solução
aplicada
Uma squad completa foi formada, composta por Product Owner, QA, Agile Coach e desenvolvedores. Essa equipe conseguiu desenvolver mais de 50 componentes reutilizáveis, estabelecendo a base para um ecossistema digital mais consistente e escalável. Após a primeira fase, o projeto foi expandido para abrangir o código legado e garantir a integração com o backend. A solução também incluiu a implantação prática do Design System em diversas squads do banco, como Crédito, Core Banking, Onboarding e outras frentes estratégicas. Na frente de "Construção e Expansão Internacional da Carteira Digital", o Design System foi um dos pilares em que múltiplas squads atuaram.
Tecnologias, práticas e frameworks
que utilizamos durante o projeto
Resultados
alcançados
Entrega do Design System
Projeto resultou na criação de um sistema de design estruturado e funcional.
Padronização aprimorada
Fortalecimento da consistência visual e funcional em toda a plataforma digital.
Eficiência no desenvolvimento
Mais de 50 componentes reutilizáveis aceleraram o processo de desenvolvimento.
Experiência do usuário fortalecida
Base sólida para consistência, escalabilidade e melhoria contínua da UX.
Lições
aprendidas
O projeto de Criação de Design System da Superdigital é um exemplo claro de como a colaboração entre design e tecnologia pode transformar a eficiência e a consistência de uma plataforma digital em grande escala. Ao desenvolver e implementar um Design System abrangente, a Superdigital não apenas padronizou sua experiência de usuário e acelerou o desenvolvimento, mas também garantiu uma base robusta para a evolução contínua de sua plataforma global. Este investimento estratégico fortalece a capacidade da Superdigital de inovar e expandir, mantendo a coerência visual e funcional em todos os seus produtos e serviços.
Compartilhar case
Download do case em PDF
Faça parte da transformação Vortigo
Veja as vagas que temos disponíveis e venha fazer parte do nosso time!
Quero trabalhar na Vortigo
Ver vagas
.png)
