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.

More by Eduardo Fonseca

View profile