← Back to the blog
Work•Nov 14, 2026•2 min read

Reconstruindo o app mobile de um banco B2B, da tela de login ao pagamento

Bastidores da reconstrução do aplicativo da Genesis Bank: transformar o design do time de UX em telas reais, do login ao fluxo de pagamento.

MobileFrontendFintechUX

A Genesis Bank é uma plataforma financeira B2B que funciona só por convite. A proposta é ajudar empresários a se formalizar e a se bancarizar: abertura de empresa, contabilidade, pagamento de impostos, aconselhamento jurídico — tudo num lugar só. Entrei como engenheiro de software frontend no projeto de reconstrução do aplicativo mobile.

O contexto

O time de UX/UI tinha desenhado uma nova interface para o app. Meu papel era dar vida a esse design: transformar as telas do Figma em um aplicativo de verdade, que funcionasse bem para pessoas que muitas vezes estão dando os primeiros passos na formalização do próprio negócio.

Os desafios

  • Fidelidade ao design sem perder usabilidade. Um layout bonito no Figma precisa continuar bonito com textos longos, telas pequenas e dados reais.
  • Fluxos sensíveis. Login, cadastro e, principalmente, pagamento são os momentos em que o usuário menos tolera dúvida ou erro.
  • Acessibilidade. O público é amplo e não necessariamente acostumado com apps financeiros.

O que eu construí

Comecei pela base do app — login, cadastro e dashboard — e fui avançando até o fluxo de pagamento dentro do aplicativo. Em cada tela, o foco era manter a consistência visual (espaçamentos, simetria, hierarquia) que o time de design propôs, porque essa consistência é o que faz um app financeiro passar confiança.

O aplicativo da Genesis Bank
O aplicativo da Genesis Bank

O que aprendi

  • Em produto financeiro, clareza vale mais que criatividade: cada tela precisa responder "o que eu faço agora?" sem esforço.
  • Trabalhar colado com o time de UX encurta muito o caminho — várias decisões de implementação melhoram o design quando são conversadas cedo.
  • Construir na ordem do usuário (entrar → ver a conta → pagar) ajuda a encontrar problemas de fluxo antes deles virarem retrabalho.

O resultado

A nova interface deixou o app mais acessível e com uma identidade visual mais consistente, para que os usuários se sentissem bem ao usar a ferramenta. O produto seguiu evoluindo com uma equipe dedicada de desenvolvimento e de especialistas em negociação com empresários.

Saiba mais em genesisbank.com.br.

Want to talk about one of these projects?

If a post reminded you of a similar challenge, reach out — I love talking about product and code.

Get in touch

Keep reading