SafraPay & Internet Banking

Client / Product

Banco Safra (via Sysmap Solutions)

Period

Aug 2018 — Nov 2019

Role

Front-end Architecture & Development

Context

Allocated as a consultant at Banco Safra, working across SafraPay and Internet Banking for web and mobile.

Team

Corporate product squads (product, design, back-end, QA).

Technologies

Angular 6/7/8AngularJSNode.jsBFFGraphQLTypeScript

Migrating a live banking platform off AngularJS while it kept serving more than a million users — no big-bang rewrite, no downtime, no regression in a domain where a bug is a financial incident.

• —Module-by-module migration to Angular 6/7/8 instead of a single high-risk rewrite.
• —A BFF layer with Node.js and GraphQL to shape exactly the data each screen needed, shrinking payloads.
• —Load time and bundle size treated as acceptance criteria on every delivery, not a later clean-up.

• —SafraPay and Internet Banking flows delivered for both web and mobile.
• —Angular modules rebuilt with typed, reusable components aligned to the bank's design language.
• —BFF integration consolidating back-end services behind a single front-end-shaped contract.

• Reduced application load time and bundle size on a platform with 1M+ users.
• Legacy AngularJS modules retired progressively, with no service interruption.

At this scale, migration is a product decision before it is a technical one. Shipping it in slices is what makes it survivable — and performance only holds if it is a criterion, never a phase.