BACK

Craze_Dex

Web3 dApp

Product design of a meme-driven crypto launchpad on BNB Chain.
A fast-delivered, component-ready product inspired by pump.fun

Project overview

Craze_Dex was a B2B design project created for a Gamium affiliated client, aimed at replicating the success of pump.fun (the viral token-launching platform built on Solana), but reimagined for the BNB Chain ecosystem.

The goal was to deliver a playful yet fully functional web platform where users could mint, view, and interact with smart contracts in few simple clicks.

Data-driven design components

A core feature of the design process was building token master components that dynamically mapped real data into the layout. Each UI layer inside Figma was structured with variables ($) linked to fields from an external database (via spreadsheet or JSON format). This allowed for full list population at scale, simulating actual usage scenarios directly within the prototype and accelerating visual testing and iterations.

This data-binding approach made it easy to preview how different token lengths, images, or prices would render across the interface. No manual duplication needed.

Component structure in Figma, labeled layers are set to receive dynamic data

The component library was designed using centralized variant and state management. Each element like cards, buttons, and list rows, included built-in hover effects, loading states, and condition-based animations. For instance, tokens marked as just minted would appear with a confetti micro-interaction, giving instant visual feedback that reinforces the product’s meme-first personality.

Design system variants for the token card component

Simple token launch, even on mobile

Launching a new token was treated as the core action of the product and therefore made as lightweight as possible. The UX flow minimized friction by requiring only essential fields and delivering fast validation feedback, ensuring even first-time users could complete the process effortlessly.

Mobile screens showing the few steps user journey to launch a new token

Assistive guided UX on assets transactions

Beyond token creation, the platform also included common exchange operations such as buying, selling, or swapping tokens. Each of these flows was supported with assistive text, real-time validations, and visual confirmations, helping users feel confident throughout each step.

Trading tokens view, featuring real-time validation and error states

Keep users engaged on long waiting times

Given the on-chain nature of Web3, where blockchain transactions can take time to confirm, the interface incorporated skeleton loaders, progressive UI reveals, and dynamic meme GIFs that appeared contextually during minting or waiting periods. These playful loading visuals helped turn waiting into a branded, shareable experience.

Arcade-inspired loading screen with a centered meme GIF

Skeleton state, constant visual feedback while data loads in the background

Simplifying complexity on small screens

To ensure usability on mobile, the interface was structured with a mobile-first mindset, breaking down complex data views and token lists into manageable, intuitive sections. Key patterns included on-scroll interactions, full-screen sliding tabs, and modals layered over content.

Complex screens with dense data, charts, and lists broken into mobile-first patterns

Key takeaways

Together, the design approach delivered a production-ready product in record time, blending functionality and fun in a clean, dynamic UX:

Real-time data mapped into Figma prototype for scalable testing
Token launch flow was streamlined for clarity and speed
Visual feedback, meme integrations, and skeleton loaders kept the UI responsive even during Web3 transaction delays
Delivered in a short cycle, fully prepared for developer implementation