⟵ All work

06 / Jeton

Guiding users to their first deposit

Connecting account setup with the first step towards using the wallet.

Stage: Shipped

Jeton wallet homepage with the prepaid card carousel

The problem

People signed up but never used the wallet. It only works once money is added, and nothing asked them to.

My main decision

Make the first deposit a visible step of onboarding, with a progress bar from the start.

Evidence

Reported: 11.2% increase in account activation in the first month.

My role
Lead product designer, end to end: onboarding, homepage and payment methods.
With
Jeton, as the client.
Website
jeton.com (opens in a new tab) ↗

Signed up, then stopped

Jeton is an e-wallet for managing payments through one account, on mobile and desktop. Most new users finished registering and then did nothing. The flow ended at identity verification and never asked for a deposit, so people didn’t know what to do next.

The first deposit as part of onboarding

User flow · Onboarding

Before

  1. Sign up
  2. Verify identity
  3. In review
  4. Wallet empty,
    user leaves

After

  1. Sign up
  2. Verify identity
  3. New stepFirst deposit
  4. In review
  5. Wallet active
A progress bar shows all four steps from the start, so the deposit is expected, not a surprise.

A progress bar shows every step from the start, so the deposit is expected rather than a surprise. Payment methods are grouped by amount and show time, fee and limits up front.

Different rules in every country

Identity checks and onboarding rules differed from country to country, so one fixed flow wasn’t possible, and that variation was itself a source of confusion for users.

Alongside onboarding

  • Homepage: a card carousel linked to the matching transactions, so people with several cards can tell which payments belong to which card.
  • Payment methods: clearer categories, with the cost and processing time of each.

Design explorations

Discovery, then the final wallet and onboarding screens.
Discovery
First deposit step in onboarding with a progress indicator and grouped transfer methods
Choose the amount range for the selected transfer method
Wallet homepage: currency balances, prepaid card carousel and its transactions
Mobile view of the prepaid cards screen
Overview of the full Jeton wireframe file: first deposit and homepage flows
Final UI
Desktop · Prepaid cards
Jeton desktop wallet: currency accounts, the prepaid card with its balance and controls, and the transaction list
Mobile · Prepaid cards
Jeton mobile wallet: card carousel, card balance with Deposit Money, card controls and the bottom navigation

The card carousel sits above its balance and controls, so it’s always clear which card you’re acting on. The same structure works on desktop and mobile.

Onboarding · First deposit
First Deposit step: a four-step progress bar, then payment methods grouped by amount, each with its time, fee and limits
Deposit · Choose a range
Choosing a deposit range after picking Instant Bank Transfer, with the chosen method summarised at the top

The first deposit is step 3 of onboarding. Methods are grouped by amount and show time, fee and limits up front, so people can pick the one that fits.

Outcome

11.2%

increase in account activation in the first month after the first deposit became part of onboarding. (reported)