Rebuilding crypto checkout to boost conversion and restore trust

Rebuilding crypto checkout to boost conversion and restore trust

Ramp’s checkout widget powered millions in crypto volume, but it had become slow, rigid, and hard to trust. I led a full redesign to scale the product with the business, improve speed and usability, and rebuild user trust.

Company

Ramp Network

INDUSTRY

Crypto fintech

MY ROLE

Head of Design

PROJECT TIMELINE

6 months

COMPANY SIZE

Series B scaleup

Gradient background
Gradient background
Gradient background
Ramp's crypto checkout presented on an iPhone mockup
Ramp's crypto checkout presented on an iPhone mockup
Ramp's crypto checkout presented on an iPhone mockup

Executive Summary

Executive Summary

Executive Summary

Ramp Network is a global Series B crypto scaleup powering fiat to crypto transactions inside hundreds of wallets and Web3 apps.

Ramp Network is a global Series B crypto scaleup powering fiat to crypto transactions inside hundreds of wallets and Web3 apps.

Ramp Network is a global Series B crypto scaleup powering fiat to crypto transactions inside hundreds of wallets and Web3 apps.

I joined as Lead Product Designer and was soon promoted to Head of Design.

I joined as Lead Product Designer and was soon promoted to Head of Design.

I joined as Lead Product Designer and was soon promoted to Head of Design.

I joined as Lead Product Designer and was soon promoted to Head of Design.

I joined as Lead Product Designer and was soon promoted to Head of Design.

One of my most impactful projects was leading a full redesign of Ramp’s crypto checkout widget.

One of my most impactful projects was leading a full redesign of Ramp’s crypto checkout widget.

One of my most impactful projects was leading a full redesign of Ramp’s crypto checkout widget.

One of my most impactful projects was leading a full redesign of Ramp’s crypto checkout widget.

One of my most impactful projects was leading a full redesign of Ramp’s crypto checkout widget.

It processed millions in monthly volume but had become slow, rigid, and hard to trust.

It processed millions in monthly volume but had become slow, rigid, and hard to trust.

It processed millions in monthly volume but had become slow, rigid, and hard to trust.

It processed millions in monthly volume but had become slow, rigid, and hard to trust.

It processed millions in monthly volume but had become slow, rigid, and hard to trust.

The new experience improved speed, restored user confidence, and increased conversion by 90%.

The new experience improved speed, restored user confidence, and increased conversion by 90%.

The new experience improved speed, restored user confidence, and increased conversion by 90%.

The new experience improved speed, restored user confidence, and increased conversion by 90%.

The new experience improved speed, restored user confidence, and increased conversion by 90%.

Authentication screen
Authentication screen
Authentication screen
Authentication screen
Authentication screen

Authentication

Exchange page which allows to create a new transaction
Exchange page which allows to create a new transaction
Exchange page which allows to create a new transaction
Exchange page which allows to create a new transaction
Exchange page which allows to create a new transaction

Exchange page for swaps

Order summary screen
Order summary screen
Order summary screen
Order summary screen
Order summary screen

Order summary

Transaction status page on the last moment of the crypto transaction
Transaction status page on the last moment of the crypto transaction
Transaction status page on the last moment of the crypto transaction
Transaction status page on the last moment of the crypto transaction
Transaction status page on the last moment of the crypto transaction

Transaction status

ID document verification, a part of KYC (Know Your Customer) process
ID document verification, a part of KYC (Know Your Customer) process
ID document verification, a part of KYC (Know Your Customer) process
ID document verification, a part of KYC (Know Your Customer) process
ID document verification, a part of KYC (Know Your Customer) process

Document verificatioon

Actionable error screen
Actionable error screen
Actionable error screen
Actionable error screen
Actionable error screen

Actionable error drawer

THE CHALLENGE

Ramp’s most critical product was falling behind

After years of rapid iteration under pressure from investors and four different regulators, Ramp’s core product had achieved strong market fit but also accumulated serious flaws. It was inconsistent in its UI, broken in edge cases, and burdened with long, confusing user journeys. Users began to lose trust, and competitors were catching up fast.

Over time, the product broke down further. It became slow, hard to integrate, and full of friction. Compliance demands made changes even harder, with four global regulators involved. We needed a complete rebuild. One that improved performance, restored trust, and met strict standards across markets.

This was Ramp’s largest product initiative to date, with over 30 people involved in building and delivering the new checkout experience.

The process brought together:
✦  5 designers from my team
✦  6 product managers, including the Chief Product Officer
✦  Around 20 engineers across 5 product teams

This was a true team effort, and every contributor played a meaningful role in shaping and delivering the new checkout experience. I’m proud to have led the design work while supporting a team that brought clarity, speed, and quality to a complex product challenge.

A cloud of quotes from user research which show negative sentiment to the previous version of the application
A cloud of quotes from user research which show negative sentiment to the previous version of the application
A cloud of quotes from user research which show negative sentiment to the previous version of the application
A cloud of quotes from user research which show negative sentiment to the previous version of the application

Common quotes we heard again and again in exploratory user interviews.

MY ROLE

I led both strategy and execution, balancing individual contribution with cross-team coordination

I didn’t lead from a deck. I shaped ux strategy, set design priorities, and worked hands-on on critical flows while aligning with PMs, engineers and our CPO around one shared vision.

We defined the MVP and roadmap together with the CPO and product managers, balancing speed with estimated returns for the company. The work was split across five product teams, each with a dedicated designer. I coordinated the overall design effort, ensured consistency, and worked hand in hand with each designer on key flows.
I stayed focused on the highest-friction surfaces like Order Summary and Transaction Status.

I didn’t lead from a deck. I shaped strategy, set priorities, and worked hands-on on critical flows while aligning PMs, engineers, legal teams, and our CPO around one shared vision.

We defined the MVP and roadmap together with the CPO and product managers, balancing speed with estimated returns for the company. I acted as the voice of the user in planning discussions, ensuring our priorities reflected real needs and pain points. The work was split across four product teams, each with a dedicated designer. I coordinated the overall effort, ensured consistency, and worked closely with each designer on key flows,
while staying focused on the highest-friction surfaces like Order Summary and Transaction Status.

In parallel, I initiated the creation of the design system. I handed over ownership to one of my designers but stayed close throughout the process to ensure it supported our business goals. The system enabled faster iteration, stronger alignment, and higher quality across multiple teams contributing to the front-end experience.

Transaction status page shown on an iPhone mockup
Transaction status page shown on an iPhone mockup
Transaction status page shown on an iPhone mockup
Transaction status page shown on an iPhone mockup
User research artifacts and a link to user research case study
User research artifacts and a link to user research case study
User research artifacts and a link to user research case study
User research artifacts and a link to user research case study
UI components from the design system library
UI components from the design system library
UI components from the design system library
UI components from the design system library

MY APPROACH

Design grounded in real behavior, not assumptions

This redesign was powered by the research practice I built at Ramp (covered in a separate case study). Together with a second researcher we ran 100+ exploratory and unmoderated interviews, collected 1,000+ survey responses, and reviewed dozens of Hotjar sessions to identify drop-off points, decision bottlenecks, and gaps in user trust.



Each key insights was mapped to each stage of the customer journey, surfacing pain points and opportunities across compliance, payment, and post-purchase flows. This helped teams align around the highest-impact problems instead of chasing assumptions or edge cases.

On-ramping flow video inside Uniswap application

Every major product decision was then tested through moderated and unmoderated usability studies on Dscout.com. This allowed us to move fast while de-risking bold UX changes—saving engineering time, reducing product churn, and helping us ship with more confidence.

DARK MODE, FINALLY

After years without it, we added dark mode. One of those “small” features that users expect by default, even if it’s not a business priority.

Browser window mockup with a Ramp Network website opened
Browser window mockup with a Ramp Network website opened
Browser window mockup with a Ramp Network website opened
A few screens from Ramp checkout in dark mode
A few screens from Ramp checkout in dark mode
A few screens from Ramp checkout in dark mode
Profile page in dark mode presented on a mobile phone mockup
Profile page in dark mode presented on a mobile phone mockup
Profile page in dark mode presented on a mobile phone mockup
3d crypto coins

the outcome

After 8 months new product didn’t just look better. It performed like a beast.

We rebuilt trust, clarified key decisions, and removed friction across the journey.
The result was a 90% uplift in conversion and a faster, more scalable product.

+0%

Faster transactions

+0%

Auth conversion

+0%

Payment conversion

+0%

Checkout conversion

testimonial

"Piotr is the rare coach/player design leader. At Ramp, he built a world-class team, pioneered design principles, research, personas, and a design system that sped up shipping. Respected by all, he constantly seeks feedback and improvement."

"Piotr is the rare coach/player design leader. At Ramp, he built a world-class team, pioneered design principles, research, personas, and a design system that sped up shipping. Respected by all, he constantly seeks feedback and improvement."

"Piotr is the rare coach/player design leader. At Ramp, he built a world-class team, pioneered design principles, research, personas, and a design system that sped up shipping. Respected by all, he constantly seeks feedback and improvement."

Ziad EL Baba (Chief Product Officer) picture

Ziad El Baba

Chief product officer at Ramp network

0 → 1 → 100

I bet we can build
great things together

Whether you’re building your first product or scaling your team,
I’d love to hear what you’re working on.

Portrait of Peter Kmita

Copyrights © 2025 Peter Kmita

Located in Warsaw, Poland

0 → 1 → 100

I bet we can build
great things together

Whether you’re building your first product or scaling your team, I’d love to hear what you’re working on.

Portrait of Peter Kmita

Copyrights © 2025 Peter Kmita

Located in Warsaw, Poland

0 → 1 → 100

I bet we can build
great things together

Whether you’re building your first product or scaling your team,
I’d love to hear what you’re working on.

Portrait of Peter Kmita

Copyrights © 2025 Peter Kmita

Located in Warsaw, Poland

0 → 1 → 100

I bet we can build
great things together

Whether you’re building your first product or scaling your team,
I’d love to hear what you’re working on.

Portrait of Peter Kmita

Copyrights © 2025 Peter Kmita

Located in Warsaw, Poland