01 / 05
Alfa
FinTech · Banking · Frontend developer · Next.js & TypeScript
A banking platform that has to be right, every single time.

The challenge
Alfa needed one product to serve very different people — retail users onboarding for the first time, and businesses running transfers, scheduled payments, and day-to-day operations. In fintech, a confusing screen isn't a UX bug; it's a support ticket or a lost customer.
Approach 1 / 3
Roles first, screens second
Mapped every role to the actions it actually needs, then built role-based dashboards so each user sees only their world — nothing to ignore, nothing to misclick.

Approach 2 / 3
Predictable state for money
Redux Toolkit and RTK Query own every server interaction, so balances, transfers, and schedules stay consistent across the app with caching and refetching handled in one place.

Approach 3 / 3
A component system that scales
Tailwind and shadcn/ui gave a consistent, accessible base; lazy loading and code splitting keep heavy flows out of the first load.

What shipped
- Guided onboarding flows
- Transfers & payment scheduling
- Business operations management
- Role-based dashboards
- API-ready architecture against a FastAPI backend
Stack
Next.js · TypeScript · FastAPI · Redux · RTK Query · Tailwind · shadcn/ui
Outcome
A production-grade fintech frontend built for security and long-term maintainability — ready to grow features without growing chaos.
Full case study