Lead Product Designer

Lead Product Designer

Lead Product Designer

BlastUP

Road to IDO Flow Design → 68% Conversion & Multi-Platform Onboarding

Fashion photoshoot with a woman posing in a dress

TL;DR

In 6 weeks, I designed the complete IDO onboarding flow that transformed BlastUP's user acquisition from multi-site complexity to single-page simplicity. Adapted proven wallet progressive disclosure architecture to eliminate the "abandonment at barriers" problem. Built tier-based purchasing system with 78% engagement and reduced setup time from 45+ minutes to 8 minutes. Flow contributed to 3 consecutive IDO sell-outs totaling $275K and established BlastUP as premier launchpad in Blast ecosystem.

Impact & Results

68% onboarding completion rate vs typical DeFi flows ~15-25%

$275K raised across 3 consecutive IDO sell-outs (CYBRO, Petobots, Playtoo)

45+ minutes → 8 minutes average setup time reduction

78% tier card engagement vs 30% with previous text interface

91% payment completion rate once method selected

Flow became template for subsequent BlastUP features and established platform as leading launchpad with 20,000+ token holders.

The Multi-Platform Abandonment Problem

BlastUP faced the classic DeFi adoption killer: participating in IDOs required a complex multi-platform journey. Users needed to buy ETH elsewhere, purchase BLP tokens on DEX, return to stake them, then finally access IDO allocation. Each step meant leaving BlastUP platform.

This killed conversion. Non-crypto users couldn't complete it. Even crypto-experienced users abandoned due to friction between platforms and network switching complexity in Blast ecosystem.

Our initial flow had brutal completion rates: only 12% of users who started actually staked tokens, 9% completed token purchases. The multi-platform requirement was bleeding users at every step.

My Role: Lead product designer working directly with BlastUP development team, responsible for complete flow architecture from problem analysis through implementation support.

Progressive Onboarding Strategy: Wallet Architecture That Actually Works

Why Standard IDO Flows Fail

Most launchpads dump users into technical interfaces immediately. You see staking requirements, tier systems, token economics before understanding basic value. Users bounce.

I'd solved this exact problem in a previous crypto wallet project using split-screen progressive disclosure: contextual onboarding on left directing users through actions on right panel. That approach worked because users complete complex financial setup when guided step-by-step rather than facing full complexity upfront.

Adapting Split-Screen to Full-Screen Flow

I adapted the wallet's dual-panel concept into BlastUP's seamless 5-step progression. Instead of persistent left guidance, each step felt like continuing onboarding while technically becoming full IDO participation:

Steps 1-2: Welcome and basic explanation Step 3: Tier system education with visual cards Step 4: Wallet connection as natural progression Step 5: Direct purchasing without perceived boundary

The insight was brutal: Users crossed from tutorial into actual participation without realizing it. This eliminated the traditional "tutorial vs action" boundary that kills conversion in DeFi flows.

The progression was designed so users were already participating by step 5 while still feeling guided. No abandonment cliff.

Tier Visualization: Cards Kill Complexity

The Math Communication Problem

BlastUP's tier system required specific token amounts: Bronze (2,000 BLP), Silver (5,000 BLP), Gold (10,000 BLP), up to Diamond (100,000 BLP). Initial text-based interface achieved only 30% user engagement with tier selection.

Users couldn't process the investment requirements or understand allocation benefits. Text lists don't work for financial decisions.

Physical Card Interface Solution

I redesigned tier selection as physical card metaphor with depth, shadows, and hover interactions. Each card showed required amounts, allocation benefits, and calculated what users needed to buy.

Cards work because they trigger familiar mental models—subscription plans, not complex DeFi mechanics. Visual depth creates perceived value, like premium NFT marketplaces where presentation drives purchase decisions.

Results: Tier engagement jumped from 30% to 78%. Users immediately understood the value hierarchy and made faster decisions.

This follows established UX principles around progressive disclosure—introducing complexity gradually rather than frontloading all requirements dramatically improves completion rates.

Modal-Based Decision Architecture: Psychology Beats Features

Why Big Decisions Kill Conversion

Traditional IDO flows present tier selection as major financial commitment requiring research. Users perceive high stakes and defer action.

Utility-First Modal Approach

I designed tier selection as modal overlay rather than full page. This wasn't laziness—modals suggest "quick utility action" rather than "major financial commitment."

Users experienced tier selection as "completing setup" rather than "making investment decision." This psychological reframing contributed directly to higher completion rates.

The modal included immediate calculations of current holdings and shortfall amounts. No research paralysis, just clear next steps.

Seamless Purchase Integration: Trust Through Branding

The External Widget Problem

Purchasing BLP tokens required third-party integration (Münzen widget). Standard implementations show obvious external branding, triggering scam alerts in users' minds.

BlastUP-Branded Container Strategy

I embedded the Münzen widget within BlastUP-styled container. This maintained visual consistency while preserving security transparency. The wrapper included BlastUP progress indicators, contextual explanations, and clear disclosure about trusted payment processing.

This worked because visual jarring kills conversion. Users needed to feel they remained within BlastUP ecosystem while technically using external payment processor.

Results: 91% payment completion rate once method selected. No trust drop-off from visual inconsistency.

Gas/Fee Communication: Transparency Without Friction

The Hidden Costs Problem

Blast network requires separate gas payments. Technical constraints demanded separate fee handling, but unexpected costs kill user flows.

Progressive Disclosure with Context

I handled gas communication through layered approach:

Primary interface: Simple totals with optional breakdown Tooltips: Network requirements on hover Separate step: Gas payment with clear tier benefit justification

Fee presentation included context: "Network fee enables tier activation and IDO access" not generic "gas required." Users understood necessity rather than viewing fees as obstacles.

This prevented abandonment from cost surprises while educating users about Blast mechanics.

Results and Business Impact

Measured Flow Performance

68% completion rate vs typical DeFi 15-25% 45+ minutes → 8 minutes setup time reduction 78% tier card engagement vs 30% text interface 91% payment success once method selected

Direct Business Results

Road to IDO flow contributed to three consecutive 100% IDO sell-outs:

  • CYBRO: $140K raised

  • Petobots: $75K raised

  • Playtoo: $60K raised

Total: $275K raised across launches

The streamlined onboarding became BlastUP's competitive advantage. Other launchpads struggled with user acquisition friction while BlastUP consistently delivered sold-out projects.

Template for Platform Scale

Flow architecture became foundation for additional features:

  • Staking interfaces adopted progressive disclosure

  • Bridge functionality used step-by-step guidance

  • Dashboard onboarding implemented card selection

The patterns scaled across the entire platform, proving systematic design thinking.

Validated UX Principles

Progressive Disclosure Prevents Abandonment

Introducing complexity gradually rather than frontloading technical requirements improves completion rates. Users commit to simple actions before realizing full scope.

Physical Metaphors Enable Adoption

Card interfaces leverage existing mental models from mainstream software, reducing cognitive load for users entering complex financial protocols.

Contextual Communication Reduces Friction

Explaining technical requirements within business context rather than as abstract concepts helps users understand necessity rather than viewing as obstacles.

Trust Through Visual Consistency

Maintaining branding while integrating third-party services preserves user confidence and prevents abandonment from trust concerns.

Ongoing Platform Success

The Road to IDO flow continues as BlastUP's primary user acquisition interface. Progressive disclosure architecture proved adaptable across different platform features, demonstrating how thoughtful UX patterns scale throughout product development.

This project shows how proven methodologies can transfer between crypto products, transforming complex DeFi mechanics into accessible experiences that deliver measurable business results and sustainable platform growth.

Ready to ship something great?

Tell me what's stuck; I'll bring the strategy, the Figma files, and the metrics to move it forward — fast

Strategic design director delivering products that raise capital, retain users, and survive market cycles with clarity

Created by Ivan Kalkaev © 2025

Strategic design director delivering products that raise capital, retain users, and survive market cycles with clarity

Created by Ivan Kalkaev © 2025

Strategic design director delivering products that raise capital, retain users, and survive market cycles with clarity

Created by Ivan Kalkaev © 2025