Web3
2.5 min read

Web3 - NFT Horse Racing Game

A myth-based NFT racing game on the Solana blockchain.
Table of contents
Click on the links to jump to sections

Overview

Designed the UX/UI for DarleyGo, a myth-based NFT horse racing game on Solana, delivered as a responsive web experience.
The design supports free-to-play entry while enabling in-game purchases and money flows that require a crypto wallet connection for top-up/withdraw actions.

Link

Background & Challenge

DarleyGo allows players to train, race, breed, and collect NFT horses with unique attributes and abilities.
The core challenge was reducing Web3 friction (wallet + transaction steps) while keeping gameplay flows fast and understandable for non-crypto users.

Project Scope

  • Platform: Responsive website (Web3 game portal).
  • Role: UX/UI Designer.
  • Tools: Figma, Miro. 

Deliverables: Product design, sitemap, user flow, key screens for game loops and marketplace.

Research

Analyzed leading GameFi titles (Zed Run, Axie Infinity) and identified two key user types with conflicting needs:

  • The Gamer: Wants low friction and "Free-to-Play" mechanics.
  • The Investor: Wants advanced data filters (Bloodline, Win Rate) to maximize ROI.
  • The Scholar: A unique persona who needs to *rent* assets rather than buy them.

competitive analysis

Solutions

Wallet-gated transactions (keep play accessible)

Designed a flow that introduces wallet connection when users take high-intent economy actions such as purchasing NFTs or moving funds, rather than blocking exploration upfront. [file:19]

Marketplace clarity for decision-making

Designed a data-rich marketplace with filtering and comparison-friendly layouts so users can evaluate horses before buying.

“My Stable” as an asset dashboard

Created “My Stable” as a hub for owned horses and actions like race/breed/train, making NFT ownership feel like a familiar game inventory system.

Race results and ranking visibility

Designed race and results views that surface performance, rankings, and outcomes clearly to support competitive loops and progression.

Process

1. Sitemap Architecture:

Structured the complex ecosystem into 5 distinct modules: Race, Breed, Scholar, Train, Market. This ensured users wouldn't get lost between "Playing" (Racing) and "Trading" (Marketplace).

Site map

2. Critical Flow Mapping:

Mapped the high-risk "Purchase Journey" (Register → Connect Phantom → Buy NFT → Add to Stable). We intentionally placed the wallet connection *after* registration to reduce initial drop-off.

user flow

3. Visual Interface Design:

Developed a "Mythical Sci-Fi" design system (Dark Mode + Neon Accents) to differentiate DarleyGo from the pixel-art style common in other crypto games.

Results

What this project demonstrates

  • Ability to design a complex Web3 product by separating gameplay loops from financial flows (wallet + transactions).
  • Strong systems thinking across multiple modules (Race, Breed, Scholar, Train, Market) while keeping navigation coherent.

Key takeaway

In Web3 gaming, trust and clarity are product features—users need strong guidance at every “money moment” (connect, purchase, confirm, completion).

eCommerce
2.5 min read
Ahaa, a electronic retailer, launched a project to overhaul its online store to enhance user experience.
Read
App
2 min read
A B2B2C mobile app platform that allows multiple small shops to issue digital stamps/points to customers.
Read
Web
2 min read
Victoria Habour is a famous wedding banquet brand, they wanted to creating a romantic styles website.
Read

Copy right @ Carlson Yeung