PlatformCrypto · Web3·2025

A whole Web3 suite in one design language

DEX trading and swap, an NFT marketplace, and a launchpad with vesting — three products, one tokenised system.

Product DesignDesign SystemWeb3 UI
DexPlanet
3-in-1
DEX · NFT · Launchpad
Swap
+ wallet connect
Tokenised
Design system
Role

Lead UX/UI designer · OmiSoft

Timeline

6 months

Year

2025

Built with
FigmaReactRedux ToolkitSolidityEthereumBSCNode.jsExpressMongoDB
Highlights
  • 5 services in one platform — DEX, NFT marketplace, launchpad, liquidity pools, yield farming
  • Phased rollout — early revenue before full launch
  • Helped the client raise $200K
  • Wallet integration + liquidity management
  • Trading mechanics: AMM, swaps, pools
  • One design system spanning every service
The brief

A Saudi DeFi startup’s flagship — five services on one chain: DEX, NFT marketplace, launchpad, liquidity pools and yield farming. The bar: the trade quality of an established DEX without the Web3-bro aesthetic — calm, legible, trustworthy enough to move real money through. Five services under one brand is a coherence problem before it’s a screen problem: each tool needs its own register while still feeling like one product.

DexPlanet — The brief
The swap surface

An AMM swap with price impact, slippage and route preview surfaced before the user commits. The flow is wallet-first — nothing is interactive until you’re connected, so there are no fictional “what if” states. Verified-token filtering is on by default, keeping scam tokens out of the happy path without the user having to think about it.

DexPlanet — The swap surface
NFT marketplace

Browse, list, buy, place offers. The listing flow names the gas cost up front and asks for approval in a single sentence — no surprise wallet pop-ups mid-flow. A first-time buyer can finish a purchase without leaving for docs.

DexPlanet — NFT marketplace
Launchpad — IDO & vesting

IDO presales with vesting shown as a real schedule, not a paragraph of legalese. Allocation, claim status and KYC-gating split into clear steps. The launchpad needed its own component vocabulary — once it had one, the whole flow got clearer.

DexPlanet — Launchpad — IDO & vesting
How it came together
  1. 01

    Phase 1 · Foundation

    Research and a competitor audit; brand and design system; the wallet-connect flow designed first — everything depends on it.

  2. 02

    Phase 2 · DEX + NFT

    The two revenue-bearing services first, handed to engineering in parallel for an early launch.

  3. 03

    Phase 3 · Pools + farming

    Liquidity surfaces, the farming dashboard, and an impermanent-loss explainer.

  4. 04

    Phase 4 · Launchpad & polish

    IDO and vesting, KYC-gating, and a wallet drawer covering every failure mode.

Thinking about your project?

Let’s build yours.

Got several products under one brand? We build a single tokenised system that makes them feel like a family — so every new launch starts ahead instead of from scratch.

Got something to build?

Let's make it fast and unforgettable.

Available for new projects