Web - Redesign

Peanut Protocol

My Role

My Role

UX Designer - Interaction Design

Visual Design, User Flows, Prototyping

Project Duration

Project Duration

Sept 2024 - Oct 2024

Overview

Overview

The crypto app aimed to simplify the process of claiming digital assets across multiple methods, providing users with easy access to their funds. The challenge was to design a user-friendly interface that supported different claim options and guided users through potential issues. As the Product Designer, I led the entire design process, from mapping user flows and creating interfaces for the claim options to crafting microcopy for error prevention and user guidance, ensuring a smooth user experience.

The Problem

Claiming crypto assets can be confusing, with various methods like connecting wallets, using addresses (ENS or 0x), transferring to centralized exchanges (CEX), or direct bank transfers. Users often encounter issues with incorrect addresses, empty on-chain balances, or system limitations in verifying details. The goal was to simplify the process while providing clear guidance to avoid common errors.

User Flow Mapping

I started by mapping out the various user flows for each claim option:

  • Connect Wallet to Claim: Users could connect their wallet directly to initiate a claim.

  • Claim to Address or ENS: Allowed users to input an ENS name or 0x address.

  • Claim to CEX: Enabled claims to be sent to a supported centralized exchange.

  • Claim to Bank: Direct bank transfers were also an option, providing flexibility.

User Flow Mapping

I started by mapping out the various user flows for each claim option:

  • Connect Wallet to Claim: Users could connect their wallet directly to initiate a claim.

  • Claim to Address or ENS: Allowed users to input an ENS name or 0x address.

  • Claim to CEX: Enabled claims to be sent to a supported centralized exchange.

  • Claim to Bank: Direct bank transfers were also an option, providing flexibility.

Design

The design prioritized simplicity and error prevention:

  • Clear Step-by-Step Instructions: Each claim method had a guided process with visual indicators to show progress.

  • Validation Checks: Real-time checks helped users avoid entering invalid data, like incorrect ENS names.

  • Microcopy for Error Handling: Warnings were displayed when users attempted to claim with an empty on-chain balance, advising them to verify their funds before proceeding.

Connect Wallet to Claim

Connect Wallet to Claim

Claim to Address or ENS

Claim to Address or ENS

Claim to CEX

Claim to CEX

Claim to Bank

Claim to Bank

Impact and Outcomes

While I handed over the designs with the aim of making claims seamless, the potential impacts were promising:

  • Reduced User Errors: The guided approach and real-time validation were designed to minimize failed claims.

  • Enhanced User Trust: Clear instructions and proactive error handling aimed to boost user confidence in completing claims.

  • Increased Claim Success Rate: By simplifying flows and offering multiple claim options, the designs were intended to better support diverse user needs and improve completion rates.

Web - Redesign

Peanut Protocol

My Role

UX Designer - Interaction Design

Visual Design, User Flows, Prototyping

Project Duration

Sept 2024 - Oct 2024

Overview

The crypto app aimed to simplify the process of claiming digital assets across multiple methods, providing users with easy access to their funds. The challenge was to design a user-friendly interface that supported different claim options and guided users through potential issues. As the Product Designer, I led the entire design process, from mapping user flows and creating interfaces for the claim options to crafting microcopy for error prevention and user guidance, ensuring a smooth user experience.

The Problem

Claiming crypto assets can be confusing, with various methods like connecting wallets, using addresses (ENS or 0x), transferring to centralized exchanges (CEX), or direct bank transfers. Users often encounter issues with incorrect addresses, empty on-chain balances, or system limitations in verifying details. The goal was to simplify the process while providing clear guidance to avoid common errors.

User Flow Mapping

I started by mapping out the various user flows for each claim option:

  • Connect Wallet to Claim: Users could connect their wallet directly to initiate a claim.

  • Claim to Address or ENS: Allowed users to input an ENS name or 0x address.

  • Claim to CEX: Enabled claims to be sent to a supported centralized exchange.

  • Claim to Bank: Direct bank transfers were also an option, providing flexibility.

Design

The design prioritized simplicity and error prevention:

  • Clear Step-by-Step Instructions: Each claim method had a guided process with visual indicators to show progress.

  • Validation Checks: Real-time checks helped users avoid entering invalid data, like incorrect ENS names.

  • Microcopy for Error Handling: Warnings were displayed when users attempted to claim with an empty on-chain balance, advising them to verify their funds before proceeding.

Connect Wallet to Claim

Claim to Address or ENS

Claim to CEX

Claim to Bank

Impact and Outcomes

While I handed over the designs with the aim of making claims seamless, the potential impacts were promising:

  • Reduced User Errors: The guided approach and real-time validation were designed to minimize failed claims.

  • Enhanced User Trust: Clear instructions and proactive error handling aimed to boost user confidence in completing claims.

  • Increased Claim Success Rate: By simplifying flows and offering multiple claim options, the designs were intended to better support diverse user needs and improve completion rates.