↩ Home Aydar Shakirov, Product Designer

Case study

Taking On-Off-Ramp to the top 3
in a crowded market

On-Off-Ramp is a gateway to crypto world with an ease of a checkout in regular store

For 5 years I led its design, from zero presence to a leading position in the market.

Timeline

2021 — 2025

My role

Lead product designer: research, flows, UI and the design system — from discovery to release.

Mercuryo Team

Andrey Iliyskiy, Chief Product Officer

Omar Ben Hachme, Head of Growth

Anastasia Golubeva, User Research

Bakhrom Saydulloev, Web3 & Payments

iPhone showing the On-Off-Ramp app

Challenge

Achieve constant growth in competitive B2B2C market

60%

Successful purchase rate

2022 Base
2023 +120%
2024 +132%
2025 +127%

20k+

Daily transactions

2022 Base
2023 +148%
2024 +459%
2025 +161%

7+ mEUR

Daily volume, € millions

2022 Base
2023 +164%
2024 +300%
2025 +141%

How we achieved it

As the strategy moved from B2C to B2B2C, I rebuilt the product around partners

2019: a B2C product. I joined in October 2020 and inherited the original branding by Shuka Bureau — still a favourite of mine.

OOR desktop exchange interface, 2019

2021: shift to B2B2C. Partner apps became the main entry point, so I went mobile-first and made the UI neutral enough to sit inside any partner’s brand.

OOR B2B2C mobile screens, 2021

2022–2025: delivery and growth. A simpler, streamlined UI and deeper mobile optimisation — all aimed at a better purchase experience.

Modern OOR experience — transactions, swap and wallet
You’re eligible for FastTrack

conversion

Checkout as the single most important point in the user journey

Complete your purchase checkout screen

Get all the data points: amount, address, suiting payment method through APIs, previous input, location etc

Suggest the best option available and give everything to complete purchase on this screen

Give just enough information to make a decision. Not to overwhelm, but not to be unfair

Expanded order breakdown

conversion

Cutting the purchase flow from 7 screens to 4

Wallet address step, removed from the flow Mercuryo converter step, removed from the flow Sign in step, removed from the flow Converter screen Checkout screen Apple Pay screen Order complete screen

Provide Amount and Address
from partner’s App

Fetch Personal and Billing data
for transaction from Apple Pay

The purchase flow went from seven screens to four: amount and address now come from the partner app, and personal and billing data are fetched from Apple Pay.

Research

Always looking for growth opportunities

Every quarter we ran quantitative and qualitative JTBD research. This data is from Q2 2024 and it shaped the roadmap you’ll see next.

JTBD in numbers — research presentation
And how we presented it in Product Team

What customers value

Speed56%
Low fees48%
Friendly UI39%
Security27%
Diverse crypto17%

Challenges they face

Limited payment methods38%
High fees22%
Limited crypto17%
Slow transactions12%
KYC issues8%

Jobs we didn’t do yet

Web3 integrations
Recurring purchases
Crypto swaps
Purchase limits
Transaction history

Execution

Closing the jobs we don’t do

Web3 integrations

Recurring purchases

Swaps

Swap interface

Purchase limits

Purchase limits card

Transaction history

Transaction history list

Execution

Adapting payment methods and tokens to local markets

Limited payment methods (38%) and limited crypto (17%) topped customer complaints — so adding new ones became a continuous process.

Limited payment methods38%
Limited crypto17%

New tokens. Added continuously, based on user feedback and what’s trending in the market.

Token list on mobile

Payment methods. People want to pay the way they already trust — and local methods often convert better, too.

Europe Europe payment methods
USA USA payment methods
Asia Asia payment methods
Latin America Latin America payment methods

Process

Managing design lifecycle

From the outside, OOR looks simple. Behind it are many flows, options and payment methods — so I built a system to keep them consistent: components, screen variants and mapped flows.

Basic components and styles  →

Basic components and styles

Screen components and variants →

Screen components and variants

Mapped out flow

Mapped out flow diagram