SafraPay & Internet Banking

Cliente / Produto

Banco Safra (via Sysmap Solutions)

Período

Ago 2018 — Nov 2019

Papel

Arquitetura & Desenvolvimento Front-end

Contexto

Alocado como consultor no Banco Safra, atuando no SafraPay e no Internet Banking para web e mobile.

Time

Squads de produto corporativas (produto, design, back-end, QA).

Tecnologias

Angular 6/7/8AngularJSNode.jsBFFGraphQLTypeScript

Migrar uma plataforma bancária em produção para fora do AngularJS enquanto ela seguia atendendo mais de um milhão de usuários — sem reescrita big-bang, sem downtime e sem regressão em um domínio onde um bug é um incidente financeiro.

• —Migração módulo a módulo para Angular 6/7/8 em vez de uma reescrita única de alto risco.
• —Camada BFF com Node.js e GraphQL para moldar exatamente o dado que cada tela precisava, reduzindo payloads.
• —Tempo de carregamento e tamanho de bundle tratados como critério de aceite a cada entrega, não como faxina posterior.

• —Fluxos do SafraPay e do Internet Banking entregues para web e mobile.
• —Módulos Angular reconstruídos com componentes tipados e reutilizáveis, alinhados à linguagem de design do banco.
• —Integração BFF consolidando serviços de back-end atrás de um contrato único moldado para o front-end.

• Redução do tempo de carregamento e do tamanho do bundle em uma plataforma com mais de 1 milhão de usuários.
• Módulos legados em AngularJS aposentados progressivamente, sem interrupção de serviço.

Nessa escala, migração é decisão de produto antes de ser decisão técnica. Entregar em fatias é o que a torna sobrevivível — e performance só se sustenta quando é critério, nunca uma fase.