project screenshot 1
project screenshot 2
project screenshot 3
project screenshot 4
project screenshot 5
project screenshot 6

Connect the Fam

Redesigned WalletConnect UX for Seamless Onboarding: Creating a Cohesive User Experience for Self-Onboarding

Connect the Fam

Created At

ETHGlobal Paris

Winner of

trophy

โ˜๏ธ WalletConnect โ€” ๐Ÿฅ‡ Cloud Track

Project Description

Redesigned WalletConnect UX for Seamless Onboarding

The objective of this project is to improve the current UX design for cloud.walletconnect.com and create a cohesive user onboarding experience that allows for self-onboarding without requiring assistance. The goal is to ensure that users can easily recognize and use WalletConnect products, understand the next steps after each action, be aware of their progress, and complete the onboarding process seamlessly.

๐Ÿค” As-Is Painpoints:

  1. Lack of clear instructions on product type
  2. Difficult to recognize my current onboarding status
  3. Hard to find and redirect to the right category for required part

๐Ÿ˜Š To-Be Redesigned Goals and Actions:

โ“ต Enhance the visibility of WalletConnect products for easy user access.

  • ๐Ÿฅ… Re-design Goal: To make users clear about what they are trying to build!
  • โœ๏ธ Actions:
    • Clearly separate categories at the time of creating a new project.
    • Define clear categories, populate them with relevant data, and provide concise category names.

โ“ถ Provide clear and user-friendly instructions to help users seamlessly understand their actions.

  • ๐Ÿฅ… Re-design Goal: Prevent users from getting confused!
  • โœ๏ธ Actions:
    • Eliminate mixed instructions by restructuring and separating them.
    • Emphasize and highlight the functions that the team aims to encourage users to utilize.

โ“ท Implement a progress tracking bar as a visual indication, keeping users informed about their current status and upcoming steps.

  • ๐Ÿฅ… Re-design Goal: Stay aware of their current status and upcoming steps.
  • โœ๏ธ Actions:
    • Introduce a progress bar GUI along with step-by-step detailed fill-up guides.

By implementing these redesign goals and actions, we aim to create a user-friendly onboarding experience that empowers users to navigate and utilize WalletConnect products effortlessly.

Let's bring the WalletConnect family together! ๐Ÿ‘จโ€๐Ÿ‘จโ€๐Ÿ‘งโ€๐Ÿ‘ฆ

How it's Made

Firstly, we conducted real on-site interviews with builders in ETH Paris and directly engaged in user interviews to understand their experience when encountering cloud.walletconnect.com.

Based on their feedback, we identified three main pain points. To address these issues, we devised UX solutions that effectively tackle these pain points.

After analyzing the pain points and adopting the UX solutions, we proceeded to craft a new prototype for the entire onboarding process using Figma. The Figma prototype incorporates the refined user experience, ensuring a seamless and user-friendly onboarding journey for our users.

background image mobile

Join the mailing list

Get the latest news and updates