Rampnow,

Rampnow,

The

The

fast

fast

for

artist

for

artist

and

for

artist

and

and

event

event

hosts

hosts

RampNow is a Web3 company providing crypto on-ramp and off-ramp solutions. Operating in both B2B and B2B2C markets, RampNow offers a crypto payment gateway for businesses, similar to Razorpay.

RampNow is a Web3 company providing crypto on-ramp and off-ramp solutions. Operating in both B2B and B2B2C markets, RampNow offers a crypto payment gateway for businesses, similar to Razorpay.

App main screen
Coin yen  - Paymint Framer Templatea
Coin pounds  - Paymint Framer Templatea

Quick navigation

Problem Statement

Existing crypto on-ramp and off-ramp services often have lengthy onboarding, confusing interfaces, and limited payment options, causing frustration for new users. Rampnow streamlines the fiat-to-crypto conversion process with quick, user-friendly, minimal clicks, transparent pricing, and broad payment support.

Team

  1. Product Designer

  2. Product Manager

  3. Senior Engineer

Timeline

2024 - Present

Skills

Product Design

Context

Crypto on-ramp services often frustrate users with long sign-ups, confusing layouts, and surprise fees. RampNow is changing that. Our new widget makes converting fiat to crypto quick and easy, creating a seamless experience for everyone.

Design

Every function in its own place

This interface prioritizes simplicity and transparency, providing users with clear information about the exact amount in fiat they are paying and the corresponding amount of crypto they will receive.

Unlike other platforms, RampNow showcases a variety of options, such as Google Pay, Apple Pay, Visa, Mastercard, and open banking, directly on this screen, ensuring transparency. The “More payment methods” button provides flexibility without overwhelming the interface.

No fluff, consistent, clean UI

Crypto prices change fast, so we show the amount upfront, ensuring users know exactly what they’re paying and receiving. This prevents last-minute surprises and builds trust. Plus, displaying the wallet address lets users double-check for accuracy, adding a layer of security.

Design Decisions:
1. Users feel in control with clear pricing from start to finish.
2. Reduces the frustration caused by last-minute price changes.
3. Enhances trust by providing real-time information.

My profile

Showing users their KYC level and daily limit upfront ensures they know their transaction capacity. This helps them track their usage and encourages upgrading KYC for higher limits, reducing transaction restrictions.

Design Decisions:

  1. Encourages Action: A clear CTA to upgrade KYC simplifies the process of increasing limits.

142 TRX

To 0x2B5FA9432ED2

2 Jul

10:30

Transaction initiated

Today

14:20

Processing exchange

It can take up to 30 minutes.

est

4 Jul

431 TRX sent to 0x2D2....

Share with recipient

Order status

The process is clear and detailed when users are completely done with all the processes they will move to check the order status. They can track each stage of their transaction with precise updates, ensuring full transparency from start to finish.


Design Decision

1. We designed in such a way the user not only gets the complete details of the transaction with time and date but also with the current update on what is the cryptocurrency they bought to how long it would take to deposit the crypto

Payment section

We designed our interface to be straightforward and transparent. With flexible payment options and a quick, user-friendly design, even newcomers will find it simple to use. By entering the amount, the interface instantly calculates the crypto based on the latest rate, keeping users in full control.

Pay 5420.44 with Google Pay

Continue to Gpay

Clean & Sleek design

Clean and sleek design

Clean and sleek design

Clean and sleek design

Payment section

No surprises from start to finish.

Tilt Phone Email

Clean UI

Phone Email

120 + resuable components

FEATURES

Digging down the data with the real users

Streamline your meal planning process and ensure you never miss an ingredient with our Notion template, offering effortless planning and automatic generation of comprehensive grocery lists.

Screenshot of Notion template recipe
Screenshot of Notion template recipe

Interviewing - stakeholders & Users

In this image, you can see me conducting user interviews with both crypto traders and stakeholders. These sessions were crucial for gathering firsthand insights into their pain points and expectations. By speaking directly with them, I could understand their challenges and use this feedback to shape the product design to better meet their needs.

Screenshot of Notion template shopping list
Screenshot of Notion template shopping list

Competitive Analysis

After completing user research, I analyzed how other crypto platforms displayed key elements like pricing, wallet addresses, and transactions. I looked for common patterns they used to guide users smoothly through the process. Noting both similarities and differences, I gathered insights to support my design decisions and improve the overall user experience."

Research

Narrow dowing the problem

After an in-depth study and discussions on the challenges faced by customers using fiat-to-crypto on-ramp services, we identified key issues that cause confusion and hinder user experience.

We decided to foucs on the following areas,

1

Quick Onboarding (Quick fix)

2

Optimizing Payment selection method

3

Enhance Transparency and Trust

Enhanced Transparency & Trust

Quick Onboarding (Quick fix)
Quick Onboarding (Quick fix)

Many crypto platforms, like MoonPay and Wyre, struggle with complex onboarding, requiring users to fill out extensive forms, which leads to frustration and drop-offs. To tackle this, my product manager and I streamlined the user journey, collecting only essential information upfront. Users can now create an account quickly using just their email and OTP verification, enhancing engagement and reducing drop-off rates.

OUTCOMES

By reducing the onboarding steps, we managed to retain new users and significantly enhance the overall onboarding experience.

Optimizing payment selection
Optimizing payment selection


Most competitors stick to just Visa and MasterCard, but RampNow goes the extra mile with over 10 payment methods across the EU. Many platforms only show payment options at checkout, which can lead to hidden fees and frustration. We encountered a cramped UI, but after some brainstorming, we decided to enlarge the widget for a better fit. Now, all payment methods are easily accessible without clutter, creating a clean and user-friendly interface that keeps things transparent and simple.

Methun- Case study
Enhanced Transparency & Trust
Enhanced Transparency & Trust


After listening to users we uncovered some key issues in the fiat-to-crypto conversion process:


- Hidden Fees : Unexpected charges often appear at the last minute, leaving users frustrated.


- Payment Method Confusion: It's not always obvious which payment options come with extra fees.


- Value Uncertainty: The real-time value of cryptocurrencies can be confusing and unclear.


We’re here to change that! By addressing these challenges, we aim to create a straightforward and trustworthy experience that makes crypto easier for everyone.

OUTCOMES

We made sure to put this information upfront to make it easier for users to compare the fiat they're spending with the crypto they're receiving.

Key - Learnings & takeways

*Disclaimer: All the data's are as per 2024 - Septemeber

$13,000

$12,500

$12,000

$11,500

$11,000

New user

Barclays

Lloyds

RBS

NatWest

92.3 %
signup

$12,350.12

$12,200.00

$12,450.56

$12,225.00

Feature-icon safe deposit
Design solutions have tradeoffs

Sometimes the business interests conflict with user needs, and what designers need to do is to find a “sweet spot” where both needs are balanced.

Feature-icon coin money
Feedback is important

To succeed, designers need feedback from users, stakeholders, and peers. They should carry the feedback along the design journey and constantly iterate based on it.

Feature-icon globe
Post-launch metrics tracking

Setting up analytics is a key step for understanding how users interact with the product post-launch period.