Bridge

Payment user flow conversion rate improvement2023

Product ManagementUX Design
Payment user flow conversion rate improvement

In short

Context
Bridge offers its clients (e-shops, accounting software) a bank transfer payment flow. To open it to e-commerce, its conversion rate, stuck at 33%, had to improve.
FintechSaaS
My role
Product Manager, paired with a Product Designer: problem definition, user flows and wireframes. We ran the user tests together.
What we shipped
A redesigned flow with the new brand guidelines: fewer steps, a simpler bank list and reassuring copy. As a second step, the option to confirm the payment on mobile from a desktop.

Results

+10 pts

conversion rate, from 33% to 43% after the redesign

Expand payment by wire transfer to new use cases

I worked as a Product Manager for this project, teaming up with a Product Designer. I owned the problem definition phase, the user flows and wireframes, and he owned the UI part. We led user tests together.

At Bridge, the wire transfer payment feature was mainly used:

We wanted to expand our use cases to diversify our revenue streams. After some research with the marketing team, the new promising use case was to provide a wire transfer payment method for e-shop websites.

Our first version of the payment user flow had a low conversion rate: 33%.

Even if we don’t own the entire journey, we needed to improve this conversion rate to improve customer and user satisfaction and to improve our profits by opening the feature to the e-shop use case.

Mixpanel funnel analysis highlighting drop-off points in the payment flow
By analysing Mixpanel data and running some usability tests, we quickly identified the biggest drops and pain points in the flow

Removing friction and reassuring users when connecting to their bank

The biggest pain point was that on desktop, users needed to know their bank credentials to confirm the payment, while they only needed Touch ID or Face ID on mobile.

This step is both a friction and a source of stress: what if I’m not redirected on the right website?

Bank selection screen with QR code option to switch to mobile app
When the users choose their bank, they can either scan the QR code and continue on their bank mobile app, or continue on their bank website

Revamping the whole user flow with new brand guidelines and reassuring copy

We also needed to revamp the interface with the new brand graphic guidelines during this project.

We decided to proceed in 2 steps:

  1. Revamp the user flow with the brand guidelines, fewer steps, a simpler banks list and reassuring copy
  2. Allow desktop users to switch to their mobile to confirm the payment

+10 pts

Conversion rate improvement

from 33 to 43% after the revamp

Revamped Pay by Link flow: choosing the bank and account type, then paying online and confirmation
Revamped Pay by Link - mobile screens

Job is not finished, we still have work to do

While we were pretty happy with the results, we knew that to continue improving the conversion rate, we would need:

  • to increase the number of banks available
  • to customize the flow and copy depending on our customers’ use case and user journey

Next project

Acme

A new vision for a learning platform2023

Product StrategyUser Research
A new vision for a learning platform