Oveview
FrankenRaffle is a gamified platform that merges NFT mechanics with Web3 raffles and auctions, offering users an engaging way to stake, burn, and bid for exclusive rewards. Originally designed for NFT collectors and crypto enthusiasts, it has evolved into a seamless dApp experience that caters to both seasoned Web3 users and newcomers. At the core of FrankenRaffle is the Burn-to-Win system, where users can permanently burn their NFTs for higher chances to win rare prizes. This mechanic not only fuels engagement but also enhances NFT scarcity, adding strategic depth to participation. Meanwhile, the auction feature introduces real-time competition, allowing users to place bids, track rankings, and secure unique assets through a transparent and dynamic system. Designed with clarity and accessibility in mind, the platform features a streamlined onboarding experience, an intuitive raffle and auction UI, leaderboard-driven competition, and a fully responsive design that adapts across devices. Every element—from the animated badge system to live participant tracking—was crafted to make the user journey immersive and rewarding. Looking ahead, FrankenRaffle will continue evolving with new auction mechanics, exclusive reward structures, and deeper community-driven interactions, ensuring that every participant has an exciting, high-stakes Web3 experience unlike any other.
Goals
A high-quality, interactive prototype was developed, incorporating smart animations and real-time interactions to simulate the full user experience. This allowed for:
- Usability testing with real users to refine the flow.
- Animation-driven engagement ensuring seamless transitions.
- Responsive validation across mobile, tablet, and desktop.
The prototype successfully demonstrated the mechanics of staking, burning, bidding, and leaderboard tracking, making the Web3 raffle and auction experience smooth, engaging, and rewarding.
Role & Process
As the Web3 Product Designer Lead, I was responsible for crafting a seamless, engaging, and high-stakes raffle and auction experience. My process involved user research, UX/UI design, interaction design, and prototyping, ensuring the platform not only met technical requirements but also encouraged NFT burns through intuitive gamification. From initial wireframes to high-fidelity prototypes, my goal was to create a system that felt dynamic, competitive, and rewarding for users.
Colors
- Primary:
#68FD1D, #9E2FC3 - Secondary:
#FFE8FF, #FFFFFF, #1A1A1A
Typography
- Marketing Typography: Bungee (Bold, high-energy branding)
- Product Typography: Plus Jakarta Sans (Clean, modern UI readability)
Design System
To maintain consistency, I built a comprehensive design system with:
- A component library for reusable UI elements.
- Smart animations to provide interactive feedback and enhance user engagement.
From Design to Development
Once the design was finalized, I worked closely with the development team to ensure a smooth transition from Figma to code. Using Figma’s Dev Mode, I provided developers with a fully structured design system, ensuring consistency across all UI components.
Key steps in the handoff process included:
- Design System Implementation – A structured library of components, color variables, and typography styles for easy scalability.
- Responsive Guidelines – Ensuring seamless adaptability across desktop, tablet, and mobile screens.
- Smart Animations & Interactions – Defined microinteractions, hover states, and dynamic elements to enhance usability.
- Exported Assets & Iconography – Provided optimized SVGs, PNGs, and illustrations for a pixel-perfect implementation.
- Developer Handoff in Dev Mode – Delivered an annotated Figma file, allowing the dev team to inspect spacing, margins, CSS values, and states effortlessly.
Throughout the process, I conducted design reviews, tested prototypes, and refined interactions, ensuring that the final product matched the vision while maintaining Web3 usability best practices.
