back to work private case study · a short read

Fintech Onboarding

A sign-up and verification journey for a mobile money platform, plus the back-office portal that vets every new client.

My role
Product designer · discovery, process mapping and UI
Scope
Four markets · web and app
Result
Two linked flows: customer onboarding and back-office vetting

InsideChallenge · My role · Approach · Discover · Define · Design · Deliver

This card is face down: the full story, screens and numbers are under NDA. Enter the password to turn it over.

← back to work
back to work

Fintech Onboarding

Sign-up, verification and back-office vetting for a mobile money platform

Onboarding sign-in screen on a phone

My role

Product Designer. Discovery, process mapping, and UI design.

Overview

A fintech mobile money platform needed two things. New users needed a way to sign up and get verified, on web and on mobile. The backoffice team needed a way to vet those clients at scale, and a way to give the ones who failed a route back in.

I designed both, across four operating countries, each with its own local rules and its own kind of user.

Challenge

Onboarding that happened outside the product

New users signed up through a manual process, even though they already had the app in their hands. Behind the scenes, the back-office team had to vet every new client at scale, and anyone who failed a check met a dead end.

All of it had to work across four countries, each with its own rules, languages and kinds of users.

My role

What I was responsible for

I owned discovery, process mapping and UI design on both sides of the system: the customer journey on web and mobile, and the back-office portal that vets each client.

Approach

Map the old process before designing the new one

I started with how things already worked, then held every design decision to three goals: sign up without an agent, one product across four markets, and decisions that can be recovered.

Discover

Starting with how it worked already

Before designing anything new, I mapped how the backoffice team worked at the time. Every screen they opened, every question they answered by hand, every point where a decision stopped because the information they needed was somewhere else.

I also spoke to stakeholders in compliance, operations and engineering to understand what each market required and why. The new process came out of the old one rather than a blank page.

Diagram: how onboarding worked before

What surfaced

Onboarding happened outside the product
New users signed up through a manual process, even though they already had the application in their hands.
Every market had its own rules
Verification requirements, language and the experience of the people signing up changed from country to country.
Failing vetting was a dead end
If a client's information was wrong, there was no simple way to tell them and no way for them to fix it. A typo could stop someone joining entirely.
Define

Two audiences, opposite needs, one system

Merchants needed onboarding light enough to finish alone, whether they were a street vendor or a registered company. Reviewers needed density and context to decide quickly. And four markets needed all of it to work under different local rules without becoming four different products.

I set three goals to hold the design to.

1Sign up without an agent
Someone should be able to complete onboarding themselves, on whichever device they have.
2One product, four markets
Local rules should slot into a shared structure rather than fork it.
3Decisions that can be recovered
A wrong detail should be fixable, not final.
Diagram: one system, two sides
Design

Onboarding

Goals one and two. Moving sign up into the product, on web and mobile, across four markets that each had their own rules.

Four markets, one design language

I designed an onboarding journey that lived in the product itself, on both web and mobile. Same steps, same order, same design language, laid out for whichever screen someone had in front of them.

So I designed a fixed sequence with three defined points where each market sets its own rules: which verification steps apply, what documents are needed, and how identity is confirmed. The shape stayed the same everywhere. The local rules fitted inside it.

Diagram: shared sequence with market-specific points
What it cost

More work up front, and every market had to accept a shared shape rather than the one it would have designed alone.

Côte d'Ivoire and Uganda came first, so the structure had to hold up against two quite different markets before the other two were built on it.

One journey, two platforms

I designed an onboarding journey that lived in the product itself, on both web and mobile. Same steps, same order, same design language, laid out for whichever screen someone had in front of them.

Sign-in on web and mobile
Signing in.
Onboarding form on web and mobile
The same form on both. Field labels are blurred here, as this has not launched yet.
Identity check introduction
The identity check, introduced before it happens rather than sprung on people.
End of the onboarding journey
The end of the journey, and what happens next.

People could now complete onboarding on their own, at the time that suited them. Someone starting on web and someone starting on mobile met the same steps in the same order.

An interim site for Uganda

Uganda needed digital onboarding sooner than the full build could deliver it. Rather than hold the market back, I designed an early holding site within the public website covering the immediate need, built so it would not clash with the full experience when that landed.

Interim site home page
The interim site home page.
Choosing a business type
Choosing a business type before starting the form.
Registration form step one
Step one of the registration form.
What it cost

A second thing to maintain, and a transition to manage once the full journey shipped.

Vetting

Goal three. A portal for the team deciding who gets in, built for volume and built to let people back in.

Built for volume

The design system had been built for the consumer product, so its components assumed a customer rather than a reviewer. Extending it to the portal meant working out, screen by screen, what could carry over and what needed to be built.

Reviewers can work vet, pull reports, and see everything about a client in one place instead of across several systems.

Reviewer queue

The queue a reviewer opens on. Their own performance up top, cases below, and an SLA countdown on every row so the oldest case is visible at a glance.

Single case view

One case, in one place. Details, documents and the decision all on the same screen.

Document review beside the case

Documents open beside the case rather than in a separate tab, so a reviewer can say precisely what was wrong with one. The document itself is withheld here.

Designing for a second chance

The part of the portal I cared about most is what happens when vetting fails. A failed check is usually not fraud. It is a typo, a blurry document, an old address. Treating that the same as a real rejection loses good customers and gives them no way back.

So I designed the portal around communication, not just decisions. Reviewers tell a client exactly what was wrong, and the client corrects it and resubmits.

Diagram: the resubmission loop
What it cost

More for a reviewer to do per rejection, in exchange for keeping customers who would otherwise have been lost.

Deliver

What we delivered

  • Onboarding on web and mobile, in four markets, built on one shared foundation
  • A vetting portal handling review, reporting and client communication together
  • An early onboarding site for Uganda, ahead of the full rollout

Against the three goals: people can now sign up without an agent, on either platform. Four markets run on one structure instead of four products. And a client who fails a check gets told why and can fix it, rather than meeting a closed door.