Role
Product Designer
Timeline
2021–2022
Tools
Figma
Description
A web3 platform focused on branded digital collectibles to introduce mainstream audiences to NFTs.
Context
Recur Forever wanted to simplify web3 by enabling creators to build their own projects on their interoperable blockchain platform that handles the technical challenges of setting up a project. I joined the team and designed the Recur Pass experience to introduce audiences to the Recur Forever platform.
NFTs felt inaccessible to everyday users
Most NFT marketplaces at the time were built for crypto-native users, requiring MetaMask, tokens, and an understanding of blockchain mechanics. Recur aimed to abstract that complexity and offer a familiar e-commerce-like experience, while still supporting the flexibility and ownership that NFTs enable.
Key insights
🧭
Users needed clear guidance on wallet setup and fiat vs crypto
🧩
Brands needed modular flexibility without redesigning from scratch
🔐
UI needed to feel polished and intentional to build trust
Focusing on mobile-first design
To better understand the market, we analyzed competing platforms, ran internal usability tests, and worked directly with partner brands to understand what their audiences needed.
Challenges we faced
❌
NFT platforms assumed too much user familiarity
❌
Technical jargon created friction in onboarding
❌
The mobile experience was an afterthought
❌
Users struggled to complete a purchase flow
How we resolved them
✅
Focused layout for first-time buyers
✅
Created reusable components for fast iteration
✅
Designed and tested full prototype flows on mobile
✅
Collaborated with Web3 engineers to ensure feasibility
Frictionless from first tap to purchase
We built a clean interface tailored for users new to NFTs:
✅
Clean marketplace UI with a focus on item details
✅
Emphasis on buy-now actions vs. auction confusion
✅
Wallet UX simplified into a credit card–like experience
✅
NFT drop schedules and countdowns clearly visualized
UI Highlights
Marketplace feed: A scrollable catalog with tappable cards
NFT detail view: Large imagery, metadata, and clear pricing
Buy flow: Single-step checkout with card and crypto options
Recur Passes were available for purchase in a limited 24 hour window. Owning a pass provided owners exclusive access to future NFT projects.
Each Recur Pass featured a unique number and chromatic gradient, making each Pass a 1 of 1. Numbers were associated with a color with the sequence determining the rarity.
Users had the option of using the balance in their Recur wallet, debit or credit cards, as well as crypto to make their purchase.
The amount from a sold NFT would appear in a user's Recur wallet. Those funds can be used to purchase NFTs on the Recur platform or cashed out to the user's connected bank account.
Seamless NFT drops across the platform
We built a design system that could flex across IPs, from Nickelodeon to Star Trek. The core marketplace experience was mobile-first and supported both crypto and credit card payments.
What we shipped
✅
Component-based design system in Figma
✅
Mobile-first UX optimized for onboarding
✅
Fiat-compatible smart contract flows
✅
Reusable templates for branded NFT drops
Explore the Figma file to see the design system.
Results worth repeating
The Recur Pass drop validated our entire Web2-first approach. With thousands of new users onboarded and trust signals built into every flow, the launch laid the foundation for a reusable system now powering 20+ branded drops—from Paramount to Hello Kitty.
⏰
Passes sold in 24 hours
💸
in revenue from pass sales
💵
sales from fiat-based transactions
Bridging Web2 to Web3
This project taught me the importance of trust signals in emerging tech. When users feel safe, they explore. When brands feel supported, they grow. The design system we built became the foundation for every drop that followed.
✅
Mobile-first UX increased engagement
✅
Streamlined checkout flow
✅
Integrated wallet onboarding for seamless transactions
⚠️
Better feedback on transaction states
⚠️
Greater visual difference between tiers
⚠️
Performance tuning for image-heavy pages
