← Back to home

Connect the Fam

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

Screenshots

Connect the Fam screenshot 1
Connect the Fam screenshot 2
Connect the Fam screenshot 3
Connect the Fam screenshot 4
Connect the Fam screenshot 5
Connect the Fam screenshot 6

Problem Statement

Redesigned WalletConnect UX for Seamless OnboardingThe objective of this project is to improve the current UX design forcloud.walletconnect.comand 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:Lack of clear instructions on product typeDifficult to recognize my current onboarding statusHard 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! πŸ‘¨β€πŸ‘¨β€πŸ‘§β€πŸ‘¦

Solution

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.

Hackathon

ETHGlobal Paris

2024

Prizes

  • πŸ†

    ☁️ WalletConnect β€” πŸ₯‡ Cloud Track

Contributors