The Problem
Ria Money Transfer needed a modern, secure web portal that would allow customers to send money internationally from their browsers with the same ease as the mobile app. The legacy web experience was built on aging jQuery-based templates with poor responsiveness, inconsistent form validation, and a multi-page checkout flow that caused a 45% drop-off rate during transactions.
Regulatory compliance added another layer of complexity. The portal needed to handle KYC verification, sanctions screening, and dynamic fee disclosures that varied by corridor (sender/receiver country pair). The existing system hard-coded these rules, making it painful to onboard new corridors or adjust to changing regulations.
Approach
I architected the frontend from scratch using Next.js and TypeScript, implementing a single-page transaction flow that replaced the old multi-step process. The UI was built with Tailwind CSS for rapid iteration, and every form component was designed with real-time validation and accessibility in mind. Server-side rendering ensured fast initial loads and strong SEO for the marketing pages.
For the compliance layer, I built a dynamic rules engine on the frontend that consumed corridor-specific configuration from the API. Fee calculations, transfer limits, and required documents updated in real time as users selected sender and receiver countries. This decoupled regulatory logic from the codebase, allowing the compliance team to update rules without developer involvement.
Challenges
Handling real-time exchange rate fluctuations during the transaction flow was critical. Rates could change between when a user started a transfer and when they confirmed it. I implemented a rate-lock mechanism with a visible countdown timer, and a graceful re-quote flow if the lock expired — all without losing the user's form state.
Security was paramount for a financial portal. We implemented CSP headers, CSRF protection, and a secure token refresh strategy that handled session expiry gracefully. Penetration testing revealed edge cases in the multi-tab scenario that required a shared authentication state manager using BroadcastChannel API.
Results
Transaction completion rate improved by 32% compared to the legacy portal, driven by the streamlined single-page flow and real-time validation that caught errors before submission. Page load time dropped from 4.2s to under 1.2s thanks to Next.js SSR and optimized API calls.
The dynamic compliance engine enabled the business to launch 12 new corridors in the first quarter without any frontend code changes. The portal now handles thousands of daily transactions across 165+ countries with a 99.9% uptime SLA.
Interested in working together?
I'm available for senior and lead roles, freelance projects, and technical consulting.
Get in touch