Sr.UI/UX Designer – Tung Lam

menu icon
Logo
Available for work
Hanoi, Vietnam 🇻🇳
Product Design Case Study

Metagetx — Asia's
NFT Rewards
Marketplace

Designing an NFT marketplace that bridges mainstream SEA consumers with blockchain-powered brand rewards — from fashion drops to game studios.

Role  Product Designer
Duration  1 Year
Platform  Web App
Domain  NFT · Web3 · Rewards
Mockup
01
Discovery & Problem
Understanding the landscape and the real challenge
🔭 Project Context

Metagetx was conceived as Asia's first NFT Rewards Marketplace — connecting users with digital assets from brands, content creators, and game studios across Southeast Asia.

The core vision was to democratize NFT ownership by tying it to real-world value: brand loyalty programs, exclusive event access, and collectible rewards.

Discovery Research
Aware of NFTs82%
Never purchased an NFT71%
Prefer brand NFTs over art68%
Primary device: Mobile91%
🌏
Target: SEA Mainstream Users
Vietnam · Singapore · Malaysia
⚡ Problem Statement

Existing NFT platforms are built for crypto-native users — they assume wallet knowledge, are overwhelmed with speculative content, and lack the trust signals needed for mainstream adoption.

How Might We
Design an NFT marketplace that feels familiar to casual consumers while still being powerful enough for collectors and creators — and bridges the trust gap between Web2 users and Web3 assets?
🔑
Wallet Friction
Invisible barrier before first interaction
🌏
SEA Gap
No platform tailored for the region
🎁
Reward-First
Users value utility over speculation
😰
Complexity Barrier

Setup requiring MetaMask, seed phrases, and ETH gas fees deterred 7 in 10 first-time visitors from ever completing a purchase.

🎭
Speculative Content

Existing platforms prioritize speculative art collectibles over utility-driven NFTs — misaligned with SEA consumers' reward-focused motivations.

🛡️
Trust Deficit

Users reported hesitation about scams, unverified creators, and unclear ownership rights — all solvable UX and content problems.

02
Key Findings
User research insights that shaped the design direction
🔑
Crypto-Literacy Barrier

The primary blocker was not price, but complexity — wallets, seed phrases, and gas fees created invisible drop-off before first purchase.

71%
never purchased an NFT
💬
Trust Through Familiarity

Users trusted NFTs more when attached to recognizable brands — fashion, sports, music — rather than anonymous digital artists.

more likely to buy branded NFT
📱
Mobile-First Behavior

Target users in SEA discovered and transacted primarily on mobile. Desktop was a secondary, research-only surface.

91%
primary device is mobile
🏆
Gamification Appeal

Leaderboards, reward streaks, and exclusive event access were compelling motivators — more so than resale value potential.

↑68%
engagement with reward features
💸
Low Price Sensitivity

Users were comfortable with USD$25–$50 purchases when tied to brand rewards — unlike the volatile crypto-art market.

$25
sweet spot price point
🛡️
Safety Signals Matter

Platform credibility came from creator verification, brand partnerships, and clear ownership policies — not blockchain transparency.

↑54%
conversion with trust badges
💡
Core Strategic Insight

SEA users don't resist NFTs because of price or technology — they resist because of complexity and lack of relevance. Simplify the entry, add familiar brand context, and conversion increases dramatically.

6Research
Sessions
24Users
Interviewed
4Markets
Studied
03
Competitor Research
Mapping the NFT marketplace landscape to find white space
OpenSea
General Marketplace
Strength
Largest volume
Audience
Crypto-native collectors
Gap
Complex UX, no rewards
Rarible
Creator Platform
Strength
Creator tools
Audience
Artists & creators
Gap
No brand partnerships
NBA Top Shot
IP-Driven NFT
Strength
IP-led adoption
Audience
Sports fans, US-centric
Gap
Single vertical, not SEA
Binance NFT
Exchange-backed
Strength
Large user base
Audience
Crypto traders in Asia
Gap
Intimidating UX
Metagetx — Our Position
Rewards-First SEA Marketplace
Positioning
Rewards-first · SEA-native
Audience
Mainstream SEA consumers
Differentiator
Brand partnerships + simple onboarding
🎯
Strategic Insight

No existing platform combined simplified onboarding, brand partnership infrastructure, and a rewards-first value proposition for the SEA market. This white space became Metagetx's core positioning — not competing on crypto feature depth, but on accessibility and brand relevance.

✦ White space: Rewards-NFT for mainstream SEA users
04
Persona & User Journey Map
Defining who we design for — and their path to value
👩‍💼
Linh Nguyen, 26
Lifestyle Consumer · Brand Loyalist
📍 Ho Chi Minh City, Vietnam

Marketing executive who follows K-pop artists and fashion brands on Instagram. Curious about NFTs but intimidated by crypto wallets. Shops via mobile apps and trusts brand recommendations.

Mobile ShopperBrand LoyalistInstagram UserWeb2 Native
NFTs feel "not for her" — too technical and speculative with no clear personal benefit.
Own a digital collectible from her favorite brand or artist, simply and safely.
🎮
Marcus Tan, 31
Mobile Gamer · Digital Collector
📍 Kuala Lumpur, Malaysia

Software developer who plays mobile games daily and already owns some crypto. Wants NFTs that offer real in-game utility or event access. Has tried OpenSea but finds it overwhelming.

Crypto-AwareGamerUtility-FocusedCollector
Existing platforms feel generic — no curated section for game or event NFTs.
Find game studio NFTs with real utility and resale value in a trusted, curated space.
User Journey — First-time NFT Buyer
Linh's path from discovery to collection
🔍
Step 1
Discover
Sees brand NFT on Instagram, clicks to Metagetx
🔐
Step 2
Sign Up
Email only — no wallet or crypto required
🖼️
Step 3
Explore
Browses by category: Fashion, Lifestyle, Events
💳
Step 4
Purchase
Buys with card at clear USD price
🏅
Step 5
Collect & Redeem
Views NFT, redeems reward or attends event
Curious
Hesitant
Engaged
Confident
Delighted
05
Solution
Design decisions that defined the MVP
1
Onboarding

A custodial wallet is created in the background on email sign-up — no MetaMask, no seed phrase. Users encounter wallet concepts only when they choose to withdraw, reducing first-session drop-off dramatically.

Custodial WalletEmail Sign-upProgressive Disclosure
mockup
2
Homepage — Brand-First Discovery

The homepage leads with trending NFTs and brand-curated categories — Lifestyle, Fashion, Games, Collectibles — rather than generic blockchain asset listings. A Hot NFTs section, Top Sellers leaderboard, and upcoming event drops create a sense of live activity and community momentum from the first scroll.

Category BrowseTrending NFTsTop Sellers
mockup
3
Product Detail — Transparent NFT Information

The NFT detail page displays USD pricing as the primary value with METGX token shown as secondary — removing the price anxiety that crypto-only marketplaces create. Transaction history, creator verification, item attributes, and a "Recommended for You" section are all surfaced clearly, giving buyers the confidence to complete a purchase without leaving the page.

Transaction HistoryCreator VerificationRecommendations
mockup
4
Dashboard for Seller — Creator Analytics Hub

Creators and brand partners need visibility into how their NFTs perform. The Seller Dashboard surfaces Sales Charts by period, total revenue, profit breakdown, marketplace traffic trends, and a Potential Buyers breakdown by category — giving creators the data they need to plan future drops and optimize pricing strategy without needing a separate analytics tool.

Sales AnalyticsRevenue TrackingTraffic Insights
mockup
5
Dashboard for Buyer — Personal Collection Overview

The Buyer Dashboard gives collectors a single view of their current auction activity, purchased items, and portfolio status. A live Top Sellers and Top Buyers leaderboard adds a social and competitive layer — rewarding active collectors with recognition. The Trending Items sidebar keeps buyers engaged with what's happening across the marketplace in real time.

Portfolio View Auction Activity Leaderboard
mockup
5
Account Detail — Creator Profile & Collection Page

Each creator has a public profile page combining identity, verification status, and their full NFT collection in a filterable grid — sorted by Collected, Founded, Created, Activity, and Favorited. Category filters and collection groupings help buyers navigate large inventories quickly. This page functions as both a storefront and a social proof mechanism for creators building their reputation on the platform.

Creator Profile Collection Grid Social Proof
mockup
6
Connect Wallet — Zero-Friction Purchase Flow

When a first-time buyer clicks "Buy Now," a wallet connection panel slides in rather than redirecting to a separate page — keeping the user in context. The panel guides users through selecting a wallet provider (MetaMask, Coinbase, and others) with clear labeling and a "Popular" badge to reduce decision paralysis. For users without a wallet, the prompt "If you don't have a wallet yet, you can select a provider and create one now" removes the feeling of being locked out — framing wallet creation as a natural next step rather than a prerequisite.

Wallet Connection Side Panel Contextual Flow
mockup
Design System — Metagetx
Tokens, components, and patterns that make up the product's visual language
Color Palette
Primary Green
#45CB85
CTA · Accent · Brand
Green Dim
#2faa69
Hover · Gradient end
Background
#0b0f0e
Page background
Surface
#141c18
Cards · Panels
Surface 2
#192320
Inputs · Chips
Text Primary
#e8f0ec
Headings · Labels
Text Secondary
#7a9488
Body · Descriptions
Text Muted
#4d6b5c
Metadata · Hints
Typography — Plus Jakarta Sans
display-xl
36px · 800 · −0.02em
Asia's NFT Rewards
heading-lg
22px · 800 · −0.015em
Marketplace Design
heading-md
16px · 700 · normal
Brand Partnership NFTs
body-md
14px · 400 · 1.75lh
Bringing NFT experience to mainstream Southeast Asian consumers through familiar brand contexts and simplified onboarding flows.
body-sm
12.5px · 400 · 1.65lh
Creator verified · 47 of 200 remaining · USD $30
label-xs
10px · 800 · uppercase
Product Design · NFT Marketplace
Spacing Scale (4px base)
4
xs
8
sm
12
md
16
lg
20
xl
24
2xl
32
3xl
40
4xl
48
5xl
Border Radius
4px
tag
7px
btn-sm
10px
input
12px
card-sm
14px
card
16px
card-lg
20px
section
full
pill
Components
Buttons
Badges & Tags
Verified Creator Sold Out 🔥 Trending Collectible Limited Drop Fashion
Form Inputs
NFT Card
🖼️
KAZUHA #005
by Mandy Ling · ✓ Verified
$30 USD
Motion & Transitions
Default
200ms ease
Hover · Focus · Color change
Lift
200ms ease · translateY(-2px)
Card hover state
Entrance
500ms ease · fadeUp
Page sections load
Pulse
2s infinite · scale + opacity
Live / active indicators
What I Learned
Reflections after 1 year designing Metagetx
Designing for Web3 taught me that the biggest UX problem is not the interface — it's the mental model gap between what the technology assumes and what real users understand.
🧠
Simplicity is a product decision, not just a design one

Making NFT ownership feel simple required alignment across product, engineering, and business — not just UI polish. The custodial wallet approach only worked because the whole team committed to abstracting complexity at every layer, not just the surface.

🌏
Context is everything in regional design

SEA users don't behave like the Western crypto audience that most Web3 design patterns were built for. Designing for Vietnam, Malaysia, and Singapore meant questioning every assumed pattern — from payment flow to trust signals to how "ownership" is communicated.

🔁
Research early, test often — even in fast-moving markets

NFT market conditions changed rapidly throughout the project. Having a solid user research foundation meant we could adapt feature priority and messaging without losing sight of our core user needs — the fundamentals stayed stable even when the market didn't.

🤝
Brand partnerships are a UX strategy, not just marketing

Bringing in recognizable brands wasn't just a growth tactic — it was a trust mechanism built directly into the product experience. The design had to reflect and reinforce that trust at every touchpoint, from creator verification to how brand NFTs were displayed and categorized.

📐
Design systems pay off in fast-paced startups

Investing early in a consistent component library — tokens, card patterns, spacing rules — meant we could ship new features and brand drops without rebuilding UI from scratch each time. The system became the team's shared language for speed and consistency.

📱
Mobile-first is not a constraint — it's a filter

Forcing every design decision through the lens of a mobile thumb zone eliminated unnecessary complexity naturally. If something couldn't be made clear and tappable on a 375px screen, it usually meant the concept itself needed simplifying — not just the layout.

🔧 What I'd Do Differently
1
Involve users earlier in the wallet abstraction decision. We made assumptions about how invisible to make the wallet — earlier usability testing on that specific flow would have saved iteration cycles later.
2
Build the design system before the first feature, not alongside it. Retrofitting tokens and components mid-project created inconsistencies that took time to resolve across screens.
3
Push harder for localization testing. Designs looked great in English mockups but revealed spacing and readability issues when tested with Vietnamese text. This should have been caught earlier in the process.
Thanks for reading 👋

This project pushed me to design at the intersection of emerging technology and mainstream accessibility — one of the most challenging and rewarding spaces to work in. If you'd like to discuss the project or explore working together, feel free to reach out.

👤
Product Designer
Metagetx · 2023 – 2024