Launched
B2C
NFT
Web3
Ruggbit: Trade Trash NFTs for One Last Shot - NFT Lottery Platform
Thousands of NFT investors were left with worthless assets after rug pulls. But instead of chasing losses, we built a platform that turned failure into defiance.
I designed a rebellious lottery system where users burn trash NFTs in exchange for a final shot at winning. Every page, character, and visual element reinforced the tone of anger, irony, and catharsis.
Thousands of NFT investors were left with worthless assets after rug pulls. But instead of chasing losses, we built a platform that turned failure into defiance.
I designed a rebellious lottery system where users burn trash NFTs in exchange for a final shot at winning. Every page, character, and visual element reinforced the tone of anger, irony, and catharsis.
DURATION
2 week
2 week
March
March
2023
2023
TEAM
UXUI Designer (Me)
UXUI Designer (Me)
Font-end Engineer *2
Font-end Engineer *2
Back-end Engineer *2
Back-end Engineer *2
Marketing Team *4
Marketing Team *4
TOOLS
Adobe XD
Adobe XD
HTML / CSS / JS
HTML / CSS / JS
MidJourney
MidJourney
AfterEffect
AfterEffect
Role
UX Designer
UX Designer
Visual Designer
Visual Designer
NFT Artist
NFT Artist
Goal
We needed a story—a world that spoke to rugged investors, reflected their frustration, and made participation feel like rebellion.
We needed a story—a world that spoke to rugged investors, reflected their frustration, and made participation feel like rebellion.
Work of a Rebel
Work of a Rebel
Built the Narrative That Turned a Lottery into an Experience
Built the Narrative That Turned a Lottery into an Experience
I transformed a simple lottery concept into a full-fledged rebel universe.
The story reframed rugged investors not as victims, but as antiheroes—making emotional pain a design foundation.
I transformed a simple lottery concept into a full-fledged rebel universe.
The story reframed rugged investors not as victims, but as antiheroes—making emotional pain a design foundation.
Balanced Storytelling and Usability Through IA
Balanced Storytelling and Usability Through IA
I designed the site architecture and user flows to balance dark humor with usability—guiding users from NFT redemption to prize pool participation in just a few clear steps.
I designed the site architecture and user flows to balance dark humor with usability—guiding users from NFT redemption to prize pool participation in just a few clear steps.
Created a Founder and NFTs That Told the Whole Story
Created a Founder and NFTs That Told the Whole Story
Created the founder avatar as the emotional core of the story, and co-designed prize ticket NFTs using AI to extend the brand’s rebellious tone.
Created the founder avatar as the emotional core of the story, and co-designed prize ticket NFTs using AI to extend the brand’s rebellious tone.
Ideate
Ideate
Building a World from Noise, Rage, and Headlines
Building a World from Noise, Rage, and Headlines
Conducted cross-functional interviews and testing sessions with stakeholders.
Conducted cross-functional interviews and testing sessions with stakeholders.
Turning Collective Anger Into Design Direction
Rug pull headlines dominated the NFT space—fraud, lawsuits, and collapses everywhere.
Chaos, distrust, and financial absurdity
Misled by big names, familiar faces, and brands they trusted.
Rug pull headlines dominated the NFT space—fraud, lawsuits, and collapses everywhere.
Chaos, distrust, and financial absurdity
Misled by big names, familiar faces, and brands they trusted.
↓
Wanted Posters and Newspaper Headline: Visualizing Collective Anger
Wanted Posters and Newspaper Headline: Visualizing Collective Anger
Wireframe
Wireframe
Telling a Story Through Structure
Telling a Story Through Structure
SmartBox supports two reminder modes to align with different user lifestyles:
SmartBox supports two reminder modes to align with different user lifestyles:
Emotional Hook
Emotional Hook
The banner isn’t branding; it’s emotional framing.
We made users feel like we were on their side.
The layout moves them from watching to joining.
The banner isn’t branding; it’s emotional framing.
We made users feel like we were on their side.
The layout moves them from watching to joining.
The banner isn’t branding; it’s emotional framing.
We made users feel like we were on their side.
The layout moves them from watching to joining.
Turn Loss Into Action
Turn Loss Into Action
Instantly connects wallets and auto-detects NFTs for quick participation
Shows real-time entries and prize growth to build trust and momentum
Simple flow lowers the barrier and encourages a “why not try” mindset
Instantly connects wallets and auto-detects NFTs for quick participation
Shows real-time entries and prize growth to build trust and momentum
Simple flow lowers the barrier and encourages a “why not try” mindset
Instantly connects wallets and auto-detects NFTs for quick participation
Shows real-time entries and prize growth to build trust and momentum
Simple flow lowers the barrier and encourages a “why not try” mindset
Define the Rebellion
Define the Rebellion
Defines the brand’s rebellious voice through founder stories and visual narrative
Clarifies the platform’s purpose through honest self-disclosure
Extends the tone and attitude through a direct, on-brand FAQ
Defines the brand’s rebellious voice through founder stories and visual narrative
Clarifies the platform’s purpose through honest self-disclosure
Extends the tone and attitude through a direct, on-brand FAQ
Defines the brand’s rebellious voice through founder stories and visual narrative
Clarifies the platform’s purpose through honest self-disclosure
Extends the tone and attitude through a direct, on-brand FAQ
→
→
NFTs
NFTs
Simplify the flow for the investors
Simplify the flow for the investors
Transfer Worthless NFT to Ticket in 3 Steps
Transfer Worthless NFT to Ticket in 3 Steps
1. Connect Wallet
1. Connect Wallet
Connect your wallet via MetaMask and get verified instantly.
Connect your wallet via MetaMask and get verified instantly.
2. Select NFT to Burn
2. Select NFT to Burn
Eligible NFTs are auto-scanned and displayed for selection.
Eligible NFTs are auto-scanned and displayed for selection.
3. Mint Lottery Ticket
3. Mint Lottery Ticket
Selected NFT is burned, and your lottery ticket is minted and entered into the prize pool.
Selected NFT is burned, and your lottery ticket is minted and entered into the prize pool.
Isn’t Just a Ticket—It’s a Rebellion
Isn’t Just a Ticket—It’s a Rebellion
Rugpull + GG + Rabbit = "Ruggbit"
Rugpull + GG + Rabbit = "Ruggbit"
• Win or rip. Either way, it’s yours.
• Win or rip. Either way, it’s yours.
• Win or rip. Either way, it’s yours.
See the prize pool grow live with every new entry.
See the prize pool grow live with every new entry.
See the prize pool grow live with every new entry.
• A memento of the bear market mindset
• A memento of the bear market mindset
• A memento of the bear market mindset
Each time the pool hits a goal, winners are shown instantly.
Each time the pool hits a goal, winners are shown instantly.
Each time the pool hits a goal, winners are shown instantly.
• We don’t erase failure—we display it
• We don’t erase failure—we display it
• We don’t erase failure—we display it
Winners can claim ETH directly—no delays, no detours.
Winners can claim ETH directly—no delays, no detours.
Winners can claim ETH directly—no delays, no detours.
- Not all tickets look the same, because not all rebels express the same way. -
- Not all tickets look the same, because not all rebels express the same way. -
Lottery
Lottery
A Pool Designed for Clarity and Trust
A Pool Designed for Clarity and Trust
Real-time feedback on item status: compartments light up to confirm placement.
Real-time feedback on item status: compartments light up to confirm placement.
1. Real-time prize tracking
See the prize pool grow live with every new entry.
See the prize pool grow live with every new entry.
2. Clear winner lists at every milestone
Each time the pool hits a goal, winners are shown instantly.
Each time the pool hits a goal, winners are shown instantly.
3. One-click prize withdrawal
Winners can claim ETH directly—no delays, no detours.
Winners can claim ETH directly—no delays, no detours.
Tracking Pool Progress, One Egg for each level
Tracking Pool Progress, One Egg for each level
The pool is divided into seven stages, starting from the “pre-launch chicken” phase, moving through five collectible egg designs, and ending with a defiant SOLD OUT finale.
Each egg fills up gradually with animated fluid to reflect real-time progress. Once an egg is full, the pool draws a winner and the next stage begins.
This design blends symbolic storytelling with functional UX: users always know what stage they’re in, how close the draw is, and feel emotionally invested in pushing to the next hatch.
The pool is divided into seven stages, starting from the “pre-launch chicken” phase, moving through five collectible egg designs, and ending with a defiant SOLD OUT finale.
Each egg fills up gradually with animated fluid to reflect real-time progress. Once an egg is full, the pool draws a winner and the next stage begins.
This design blends symbolic storytelling with functional UX: users always know what stage they’re in, how close the draw is, and feel emotionally invested in pushing to the next hatch.
pre-launch
pre-launch
pre-launch
Level 1
Level 1
Level 1
Level 2
Level 2
Level 2
Level 3
Level 3
Level 3
Level 4
Level 4
Level 4
Level 5
Level 5
Level 5
Sold out
Sold out
Sold out
Founders
Founders
They Are Us - Every Bag Holder, Every Regret
They Are Us - Every Bag Holder, Every Regret
building SmartBox as an extension of the SwitchBot ecosystem, users don’t need to learn a new platform or manage yet another app. Instead, SmartBox becomes a seamless part of their existing smart routines.
building SmartBox as an extension of the SwitchBot ecosystem, users don’t need to learn a new platform or manage yet another app. Instead, SmartBox becomes a seamless part of their existing smart routines.
• Turning Collective Trauma into Characters
• Turning Collective Trauma into Characters
We turned common NFT investment failures into three broken but relatable founders. Each one represents a different kind of regret.
We turned common NFT investment failures into three broken but relatable founders. Each one represents a different kind of regret.
• Showing the Damage, Not Hiding It
• Showing the Damage, Not Hiding It
Instead of perfect avatars, we gave them bruises, broken tools, and blank stares to show how it actually feels to get rugged.
Instead of perfect avatars, we gave them bruises, broken tools, and blank stares to show how it actually feels to get rugged.
• Letting the Project Speak for the Rugged
• Letting the Project Speak for the Rugged
These characters give the project a voice. Not the voice of hype—but of people who lost, learned, and still showed up.
These characters give the project a voice. Not the voice of hype—but of people who lost, learned, and still showed up.
What I Learned
What I Learned
Fighting for Users, Not Just Designing for Them
This project taught me that good design doesn’t always mean neutral design. Sometimes, the most powerful thing we can do is to stand fully on the user’s side, acknowledge their pain, amplify their anger, and give them a system that feels like it fights for them.
I didn’t just build a flow; I built a tone, a story, and a reason to return.
Ruggbit wasn’t about solving a feature gap; it was about validating a user’s emotional reality.
This project taught me that good design doesn’t always mean neutral design. Sometimes, the most powerful thing we can do is to stand fully on the user’s side, acknowledge their pain, amplify their anger, and give them a system that feels like it fights for them.
I didn’t just build a flow; I built a tone, a story, and a reason to return.
Ruggbit wasn’t about solving a feature gap; it was about validating a user’s emotional reality.