Staking Experience

I played a key role in redesigning the staking experience for a leading Web3 sports platform, streamlining the process for users to earn rewards by holding cryptocurrency tokens and NFTs of their favourite athletes. The new design introduced a simplified staking system while maintaining transparency and trust, ensuring seamless participation for both new and experienced users. By enhancing usability, I helped create a more intuitive experience that promotes long-term participation that strengthens the platform’s ecosystem.

UI-UX Designer
UX Research, Community Participation, UI Design, Interaction Design, Moderated Usability Testing, Iterative Prototyping

Duration
May 2022 - Aug 2022

Company
Blockasset

How can the staking process be engaging for the users?

Here’s a quick sneak peek at our revamped features:

  • Gamification

    Since games are engaging and less intimidating, we incorporated elements from the gaming world into the staking experience.

  • Transparency

    Transparency is essential, particularly when it comes to educating users about their rewards and how they are calculated. To address this, we built an in-platform reward calculator.

  • Dynamic CTAs

    An element borrowed from the gaming world, dynamic CTAs guide users on the next steps, helping to prevent confusion.

  • Dashboards

    Real-time display of users’ cryptocurrency tokens and NFT holdings are displayed.

  • $ASSET and $BLOCK

    $ASSET and $BLOCK are two types of tokens, with a clear distinction made through design for easy identification.

Design Evolution

Getting to know the users

🧑‍🎤

Usability testing on existing app

🧐

Identifying the need

🔍

Mapping the User Flow

✍️

Mockups and Iterative designing

🖌️

🧑‍🎤 Getting to know the Users

The company and its products foster a close-knit community across various social media platforms, consisting of users who are either here to support their athletes or to invest. Interviews and surveys were conducted within this community to identify and define the user base as follows:

New Users

These users are new to the world of crypto but are on the platform because it supports their favorite athletes.

Crypto Users

These users are experienced with crypto but new to the platform.

Enthusiasts

These are experienced crypto users who have been active on the platform for an extended period, purchasing athlete tokens and NFTs.

I'm a UFC fan, but a beginner trying to grasp crypto concepts. I feel overwhelmed when I navigate web3 spaces.

- A new user

“Is there a way to calculate rewards here (BA’s token staking)?”

- A crypto user

“I own numerous NFTs I like to handle them collectively. It's disappointing that there isn't an option to stake or unstake BA NFTs in batches”.

- Enthusiast

🧐 Usability testing on the Existing Experience

Since this is a redesign project, moderated usability testing was conducted on the existing experience to identify key areas for improvement.

Pain Points:

❗️Staking can be intimidating for new users.
❗️Even crypto users found it confusing to determine what could be staked, unstaked, and claimed.
❗️BA enthusiasts expressed the need to know how much rewards can be acquired through staking.
❗️The navigation between token staking and NFT staking in the legacy experience was notably confusing.

🔍 Identifying the need

Before exploring the need for improvements, here’s a brief introduction to staking at BlockAsset. Users can stake digital assets, including tokens and athlete NFTs created by world-renowned artists. By locking these assets, users earn rewards while athletes build stronger connections with their fanbase. For the platform, this boosts user retention and engagement, creating a more dynamic and sustainable ecosystem.

What is staked?

How It Works?

🔗 Locking Assets – Users stake (hold) their tokens or NFTs in a smart contract for a set period.

🤑 Earning Rewards – In return, they receive rewards, often in the form of additional tokens, based on factors like the amount staked and duration.

⛓️‍💥 Unstaking – After the staking period, users can withdraw their assets.

The Need

The goal is to implement a simple, non-overwhelming way to display the staking process, ensuring clarity and ease of use for all users, whether they are experienced crypto holders or new to the Web3 space. The approach is designed to make the staking process more engaging, motivating users to participate actively while enhancing their overall experience:

Clear Visual Indicators

Using clear labels, progress bars, and feedback mechanisms to guide users through each stage of the staking process, making it easier to follow and track.

Simplified Language

Using straightforward, easy-to-understand language, avoiding complex crypto jargon to make the experience more accessible.

Transparent Reward Structure

Showing users exactly how rewards are calculated and what they can expect to earn based on their staking actions.

Incentivized Simplicity

Keep the process simple by limiting the number of steps or actions needed to stake, while still offering value

✍️ Mapping the User Flow

Captivating

•

Real-time Reward Updates

•

NFT Gallery

•

Dynamic CTAs

•

Captivating • Real-time Reward Updates • NFT Gallery • Dynamic CTAs •

🖌️ Mockups

Other Works

Brand Reputation Management

Group Order Made Easy