Banese Card - Design System e Aplicativo
O Banese Card é o cartão de crédito do Banco Estadual de Sergipe, um cartão que oferece uma experiência completa e segura para seus usuários com vantagens exclusivas, ideal para quem busca praticidade e flexibilidade no seu dia a dia. Além disto, o Banese Card oferece controle total sobre o seu cartão de crédito com a possibilidade de configurar o cartão do seu jeito.
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.
Fluxos desenvolvidos
Durante o desenvolvimento do projeto, fui responsável pela concepção do UX/UI Design dos fluxos de:
✅ Home da conta;
✅ Faturas;
✅ Meus cartões;
✅ Solicitação do cartão;
✅ Pagar com QR Code;
✅ Negocie fácil.
Todos os fluxos seguiram a padronização do Design System do Banese Card, tendo alinhamentos com os Product Managers e Stakeholders a cada fluxo desenvolvido. Em seguida, a entrega de Handoff para os desenvolvedores.
O projeto ainda encontra-se em desenvolvimento, novos fluxos serão adicionados a este case após a sua implementação.
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, garantindo que as interfaces sejam implementados corretamente.
O aplicativo está sendo desenvolvido e implementado progressivamente, as interfaces encontram-se em produção na lojas da App Store e Play Store.