Index  /  Case 04  /  MinerFun

A Web3 mining game, built from zero.

MinerFun is a play-to-earn launchpad where players build virtual mining empires and earn daily crypto rewards. Game UI, marketing site, and launchpad, full scope, from zero.

RoleLead Designer
Year2024-2025
DeliverablesGame · Site · Launchpad
Scope0 → 1 · Solo designer
Fig. 01 - Pixel art motion design All in-product animations designed & produced in-house · 2024
01 / Context

One platform. Two audiences, one visual language.

Players earn daily tokens by managing virtual mining rooms. Projects can list their own coin on the platform.

The brief

The founding team had the mechanics: NFT rooms, miner tokens, daily yields, a halving model. What they didn't have was anything visual: no brand, no website, no game UI, no user flows.

I owned it all. Brand first: the pixel art visual language across every surface. Then the marketing site for players and creators. Then the game: isometric rooms, miner catalog, facilities dashboard, every transaction modal.

The hardest part wasn't the UI. It was making blockchain feel like a game.
MinerFun
Game UI
Marketing site
Launchpad
Transaction flows
Isometric room NFTs
02 / Approach

Pixel art as a UX decision, not decoration.

The retro aesthetic wasn't a style choice. It was the answer to the core design problem: how do you make people spend real ETH on virtual rooms without flinching?

The tension

Play-to-earn is fundamentally a financial product wearing a game costume. Every "fun" action (buy a room, place a miner, claim rewards) is a real blockchain transaction with real money on the line. The typical DeFi response is warnings, disclaimers, and clinical UI. That kills engagement before it starts. The challenge: keep the game feeling dominant while the financial reality stays present but never paralyzing.

Crypto anxiety Transaction trust Retention vs. caution Two-sided platform

The approach

Pixel art as the tent-pole decision. It signals "game" immediately, makes rooms feel built rather than bought, and turns transaction states into arcade moments. Applied with total consistency — landing hero to confirmation modal. No breaks in the fiction.

Pixel art system Isometric rooms Game-skin UX Consistent fiction
03 / How It Works

Four steps to your mining empire.

The player journey is a four-step loop, from wallet connect to daily earnings. A fifth path exists for project creators who want to list their coin on the launchpad.

Connect wallet screen
01 - Connect

Connect your wallet

One-click connect. Existing rooms and miners load automatically.

Choose project screen
02 - Choose

Choose a mining project

Browse live projects on the launchpad. Each shows real-time hashrate, token symbol, and on-chain stats.

Buy room screen
03 - Build

Buy your first room

Purchase a starter room: a Bedroom with 4 slots, free starter miner included. An NFT rendered as isometric pixel art in your dashboard.

Mining screen
04 - Mine

Place miners, earn daily

Fill your room's slots with named miners. Hashrate drives your daily $MYNE yield. Upgrade rooms to unlock more capacity.

Launch coin screen
05 - Launch

Launch your own coin

For project creators: submit your pixel-style mining game to the launchpad. Get listed. Players buy in and start mining your token.

04 / Surfaces

Every screen, a game moment.

Four key surfaces: the project page, the game room, the empty state onboarding moment, and the empire-wide facilities table.

The game room
/game/facilities/:idThe game
4.1 - The Game

Your room. Your mining empire.

The isometric room is the product's heart. Players see their miners placed in a physical space, not a row in a table or a number in a dashboard. The stats bar above shows live hashrate, daily $MYNE yield, and blocks until halving.

Room tiers (Bedroom → Pro Room → Data Center) give players a progression path that turns retention into spatial ambition.

/game/facilities/:id · Active room Isometric view · Live stats · Claim
Project page
/coin/:idProject page
4.2 - Project Page

DeFi data, dressed as a game.

Each coin gets its own page: a project sidebar with creator info, launch date, token symbol and social links, plus a full TradingView chart for the live token price.

The stats bar (My Hashrate, Current Miners, Power Output, Total Mined) gives players instant context on their position in this project's network.

/coin/:id · MINERF project Chart · Stats · Play Game
Empty state
/game/facilitiesEmpty state
4.3 - Empty State

The hardest UX moment: first purchase.

New players land here with nothing yet. The empty state is direct: "YOU DON'T HAVE A ROOM YET" in pixel type, one CTA. Project context stays visible in the sidebar.

No decorative padding, no explanatory copy blocks. The friction is the purchase. The UI stays out of the way.

/game/facilities · No rooms yet Empty state · First purchase
Facilities table
/game/facilities · table viewFacilities table
4.4 - Facilities Table

Every facility, at a glance.

As players expand, they need a command view. The facilities table shows each room's mining rate, hashrate, blocks until halving, and share of total network hashrate.

The empire view gives serious players the data density they need without abandoning the game aesthetic.

/game/facilities · All rooms Table · Hashrate · % share
MinerFun
1 / 4
The game room
/game/facilities/:idThe game
Project page
/coin/:idProject page
Empty state
/game/facilitiesEmpty state
Facilities table
/game/facilities · table viewFacilities table
05 / Modals

Every transaction, a game moment.

Six transaction flows: buy room, buy miner, upgrade, launch a coin, waiting for confirmation, confirmed. Each modal carries the pixel-art visual language into the blockchain layer, turning friction into familiarity.

MinerFun modal system
Design note
Every modal speaks the same visual language as the game: pixel type, gold CTAs, dark purple surfaces. The blockchain layer disappears; what's left feels like an in-game action, not a financial transaction.

The "Waiting for Confirmation" state uses a retro loading bar instead of a spinner. Blockchain latency becomes an arcade moment. The miner names (SporkBox, CoreDrill, HashForge, QuantumRig, OmegeNode) were designed as collectible characters, not hardware specs. Players acquire them, not just purchase them.

06 / Rooms

The space you own.

Each room is an NFT, a hand-crafted isometric pixel art space that players buy, populate with miners, and upgrade over time. The rooms are the product's physical metaphor: your mining operation, rendered as a place.

Room tier 1
Tier 1 · StarterBedroom
Room tier 2
Tier 2 · ProLounge
Room tier 3
Tier 3 · ProUrban
Room tier 4
Tier 4 · EliteData Center
Room tier 5
Tier 5 · LegendaryVault
Custom branded room
Tier 6 · Brand CollabCustom
08 / Brand

Pixel type, two-tone mark.

The brand started from the visual language of the game. Every color, every typographic choice traces back to the isometric pixel world players inhabit.

The wordmark uses a custom pixel font: bold, blocky, unmistakably retro. MINER in gold/orange signals reward and energy; FUN in violet signals the platform's playful identity. Two words, two roles, two colors. Players and creators in a single mark.

Deep purple #2B2861 anchors the entire visual world. Every screen, room, and modal sits on this ground. Gold #F5C542 is reserved exclusively for calls-to-action and reward moments: buy, claim, upgrade, launch. The color trains players to trust yellow as the "action" signal.

An animated GIF logo: letters assembling with a pixel-loading effect: kinetic energy without video infrastructure.

MinerFun logo on dark
MinerFun logo on light
Game Gold#F5C542
Pixel Violet#7B5CF0
Empire Purple#2B2861
Mid Indigo#3E3B8E
Motion

Every pixel, in motion.

The visual language didn't stop at screens. Every character, miner, and UI element was animated, built as a living world, not a static interface.

09 / Outcomes

Game, site, and launchpad. All live.

MinerFun shipped with a complete visual identity, a marketing launchpad, a full game UI, and a system of transaction modals, all from zero, solo designer, live on mainnet.

Product surfaces
4

Landing, project page, game view, launchpad form, designed from zero

Transaction flows
6

Buy room, buy miner, upgrade, launch coin, confirm, claim. Complete modal system

Room NFT tiers
4+

Bedroom → Lounge → Urban → Data Center, each as isometric pixel art

Scope
0→1

Full scope delivered by one designer: brand, game, site, every transaction state