Guiding global payments: Improving accuracy with a country-first flow
UX
Product Design
User Research
As part of Flywire’s acquisition of a company offering the “Pay Any School” feature, the platform expanded beyond partnered institutions to allow payments to any school with publicly available bank details. While this broadened accessibility, it created significant UX challenges. My role was to lead the redesign of the payment initiation flow to improve accuracy, reduce errors, and streamline the user experience at scale.
Final version of the new UI with the country dropdown as the first step in the payment flow.
Challenge
The expanded school list introduced several issues:
An overwhelming dropdown of institutions, many with identical names across countries.
Increased user confusion and frustration during selection.
A spike in customer support cases due to incorrect school selection and misdirected payments.
The core challenge: help students confidently select the right institution while ensuring the solution could perform reliably across devices, regions, and connectivity levels.
Early version of pay.flywire.com with institution selection as the initial field in the flow.
Approach & execution
To reduce friction and errors, I introduced a Country Selector as the first step in the flow, narrowing the list of institutions before users made a choice.
Key Design Enhancements
Preloaded the top four most-used countries at the top of the dropdown, informed by analytics from pay.flywire.com
Applied progressive disclosure, keeping the institution dropdown disabled until a country was selected to guide users step by step.
Experimentation
Ran an A/B test comparing two variations:
Institution dropdown only appeared after a country was selected
Institution dropdown was visible but disabled until a country was selected
Monitored performance metrics and user behavior to evaluate usability and clarity.
Comparison of disabled vs. hidden field interactions tested in the A/B experiment.
Outcome & impact
The A/B test results were inconclusive, but qualitative feedback and performance indicators favored the disabled dropdown design.
This approach:
Reduced dropdown load time.
Minimized incorrect selections.
Lowered customer support tickets related to misrouted payments.
Beyond immediate impact, this redesign set a new standard for Flywire’s multi-step payment initiation flows, opening the door for possible future segmentation by institution type, payment method, and other filters to further streamline and personalize the global payment experience.
Other projects
The evolution and elevation of a digital brand
The transformation of a startup's digital presence
The redesign and evolution of a brand’s digital presence
The making of Flywire Fusion: Building a brand for experience, content, and connection
One brand, two experiences: Designing separate journeys for B2B and B2C growth
The rise of video as a strategic brand pillar
