Turning Visitors into Power Users: Structuring 3 Onboarding Journeys into One Seamless Flow for Expand.Network

Web3 sci-fi game where players stake tokens, explore planets, and build colonies through gamified liquidity pool mechanics.

A UX Design Case Study

Designed for

Pixelcrux Studio (Client: Lysto)

Written by

Rhythm Bhatnagar

Jun 19, 2025

This Case Study talks has been written with the help of AI. However, the rationale behind each design decision was all human work and AI was used only to present the design process better.

This Case Study talks has been written with the help of AI. However, the rationale behind each design decision was all human work and AI was used only to present the design process better.

Platform Type: DeFi Developer SaaS
Role: UX Lead
Scope: End-to-end onboarding UX across 3 user cohorts
Deliverables: Complete onboarding user journey from website to internal dashboard, including login, plan selection, and edge case design


The Challenge


Expand.Network offered a powerful DeFi API platform, but visitor retention was low. A significant portion of potential users dropped off between landing on the site and reaching first product interaction.

The goal was to ensure that every kind of visitor left with something useful, increasing the chances of return and engagement. To achieve this, onboarding needed to accommodate multiple intents without creating friction.



Identifying the 3 Personas


Three primary user personas were identified through stakeholder interviews and early user behavior data:

Persona

Intent

Key Need

🟢 Free Plan Explorers

Just checking the product

Fast access to a free API key

🟡 Available Plan Purchasers

Clear plan intent

Comparison and checkout clarity

🔴 Custom Needs Users

Flexible or enterprise needs

Contact + temporary free access


This understanding informed the structure of multiple tailored onboarding flows — all converging toward activation.


The Entry Point


All onboarding journeys began from the "Get API Key" call-to-action on the marketing website. This CTA led directly to the login screen.


Authentication Flows


Three core pathways were created on the login screen:

  1. Signup Flow — for new users

  2. Login Flow — for existing users

  3. Forgot Password Flow — for recovery scenarios


Capturing an email address at this stage was essential for user tracking, onboarding analytics, and direct communication, especially during early product iterations.


The Plan Selection Decision Point


After login, all users were routed to the Plan Selection UI, featuring seven total plans:

  • 1 Free Plan

  • 5 Paid Plans

  • 1 Custom Plan


The screen presented all tiers upfront, along with relevant microcopy, tier-specific metrics, and tooltips explaining technical terms.

Flow 1: Free Plan Explorers


Users who selected the Free Plan were routed directly to the API Key screen, without requiring additional steps or friction. This reduced drop-off and enabled product trial immediately.


Flow 2: Available Plan Purchasers


Plan evaluation and purchase intent were addressed through:

  • A plan comparison UI

  • Hover-based tooltips explaining complex terms

  • A structured flow:

    1. Plan Selection

    2. Add-on Selection

    3. Order Summary

    4. Payment Completion

Fallback screens for payment failures and retry options were also implemented.


Flow 3: Custom Needs Users


Users with non-standard requirements were given the option to choose a Custom Plan. Upon selection:

  • An internal record was triggered to notify the support/sales team.

  • While awaiting outreach, users were provisioned with the Free Plan to begin exploring.


This ensured users remained engaged even before human follow-up occurred.



Post-Onboarding: First Experience with the Dashboard


All onboarding paths converged at the Get Started tab within the internal dashboard — designed as an activation layer.


Key components included:

  • Quick-start video tutorials

  • Detailed documentation on API use cases

  • Highlighted account metrics (Compute Units, WebSocket Units, Add-ons)


Additional tabs included:

  • Home

  • Profile

  • Plans

  • Invoices



Designing Edge Case Flows


Edge scenarios were planned and prototyped alongside core flows. These included:

  • Payment failures

  • Network errors

  • Confirmation states

  • Tooltips for clarification

  • Retry logic for failed actions


This approach reduced support tickets and built trust in the early-stage product.


UX Strategies That Worked


Key differentiators in this onboarding design:

  • Multiple flows within a single modular system

  • Helpful defaults and optional guidance instead of forced detours

  • Edge case and error resilience from the first version

  • A fast, no-commitment trial path for skeptics

  • Transparent language and visual cues around pricing


Takeaway


When a platform serves multiple user intents, personalized onboarding flows can dramatically improve activation and retention — without bloating the system.

Clear intent recognition, streamlined fallback paths, and immediate value delivery were central to converting visitors into product users.

Are you looking for a custom UX flow design for your Web3 Product?


Schedule your first free consultation call now!

Similar Blogs

Jul 5, 2025

12 min

Designing the DNA of a Gaming Community
Building Lysto’s Scalable Dual‑Mode Design Language System

Read More

Jul 5, 2025

12 min

Designing the DNA of a Gaming Community
Building Lysto’s Scalable Dual‑Mode Design Language System

Read More

Jul 5, 2025

12 min

Designing the DNA of a Gaming Community
Building Lysto’s Scalable Dual‑Mode Design Language System

Read More

Jun 19, 2025

12 min

Turning Visitors into Power Users: Structuring 3 Onboarding Journeys into One Seamless Flow for Expand.Network
Web3 sci-fi game where players stake tokens, explore planets, and build colonies through gamified liquidity pool mechanics.

Read More

Jun 19, 2025

12 min

Turning Visitors into Power Users: Structuring 3 Onboarding Journeys into One Seamless Flow for Expand.Network
Web3 sci-fi game where players stake tokens, explore planets, and build colonies through gamified liquidity pool mechanics.

Read More

Jun 19, 2025

12 min

Turning Visitors into Power Users: Structuring 3 Onboarding Journeys into One Seamless Flow for Expand.Network
Web3 sci-fi game where players stake tokens, explore planets, and build colonies through gamified liquidity pool mechanics.

Read More

Space Exploration Gamified Web3 UX/UI Design

Jan 12, 2023

12 min

Gamified DeFi Space Exploration UX/UI Design
Web3 sci-fi game where players stake tokens, explore planets, and build colonies through gamified liquidity pool mechanics.

Read More

Space Exploration Gamified Web3 UX/UI Design

Jan 12, 2023

12 min

Gamified DeFi Space Exploration UX/UI Design
Web3 sci-fi game where players stake tokens, explore planets, and build colonies through gamified liquidity pool mechanics.

Read More

Space Exploration Gamified Web3 UX/UI Design

Jan 12, 2023

12 min

Gamified DeFi Space Exploration UX/UI Design
Web3 sci-fi game where players stake tokens, explore planets, and build colonies through gamified liquidity pool mechanics.

Read More

Turning Visitors into Power Users: Structuring 3 Onboarding Journeys into One Seamless Flow for Expand.Network - {{wgSIuyrSJ}}