Truffle

No-code NFT drops · Launching & trading meme coins on Solana

I joined Truffle as Lead Product Designer to help the team define what trading NFTs and meme coins could feel like when it wasn’t bound by legacy exchange UI. I led design across trading, discovery and creation flows – from early whiteboards to shipped UI in production.

Role

Senior Product Designer

Scope

Creator Tools · NFTs

Category

UX & UI · Product Design · Web3

Industry

Blockchain · Technology · Design

0+

Drop types supported

Drop types

0

Unified builder flow

Unified flow

6

Guided steps from plan to publish

0

Code required to launch a drop

0

Guided steps

0

Code required

Responsibilities

  • Product strategy & UX flows

  • UI design and design system work

  • Prototyping & interaction states

  • Working with engineering on implementation details

Design Highlights

No-code NFTs

  • Designed a single fullscreen modal flow with a progress stepper, supporting all drop types:

    • Core Editions, Random Mints, Edition Packs, Edition Drops, Hybrid Drops, and Airdrops.

  • Introduced the Create menu and dropdown-select interactions with clear labels, icons, and “Core / Legacy” badges so users understood which paths were recommended versus maintained.

  • Structured the Candy Machine (generative collection) creation launch flow into clear stages:

    • Schedule, Metadata, Collection, Phases, Preview, Publish

  • Standardised phase configuration around real sale patterns:

    • Presale, allowlist, public sale groups (known as phases)

    • Consistent controls for pricing, quantity limits, eligibility, and timing.

  • Designed mint pages and NFT detail views that showcase unique one of one or generative artworks, factor in the parent collection, current and past owners, properties, sale history and royalties with a clear visual hierarchy.

Framing the Problem

Truffle sat at an awkward intersection:

  • Crypto-native users wanted powerful tools, charting and control.

  • Newly onboarded users needed a solution for NFT drop creation that didn’t feel too 'degen'.

  • Creators wanted to launch tokens and drops quickly without understanding or wanting involvement with technical areas of the process.

My goal was to make Truffle feel like a playful, creator-friendly surface on top of complex on-chain infrastructure, so it needed to have approachable patterns and an engaging design language first glance, but be capable enough to hold the attention of power users.

Truffle sat at an awkward intersection:

My goal was to make Truffle feel like a playful, creator-friendly surface on top of serious on-chain infrastructure: approachable at first glance, but capable enough to keep power users.

  • Crypto-native users wanted powerful tools, charting and control.

  • Newcomers needed a way in that didn’t feel like “trading terminals for degens only”.

  • Creators wanted to launch tokens and drops quickly without understanding contract details.

Framing the Problem

Two-step flow: Create & Launch

Create

  1. Define the token

  2. Upload an image and set name + ticker.

  3. Configure a pre-purchase amount with sensible presets (1 / 5 / 10 SOL)

  4. Write a human-readable description of what the token is about, instead of contract jargon.

  5. Choose one or more categories (e.g. Animal, Community, Politics) for downstream discovery.

Launch

  1. Confirm and publish

  2. Review key parameters in plain language to catch mistakes before going on-chain.

  3. Choose between a fast “Launch now” and a “Customise token page” path for teams who want more control.

  4. Social fields for Twitter, Discord, Telegram and Website live under “More options”

  5. Review key parameters in plain language to catch mistakes before going on-chain.

Meme Machine

The Meme Machine was our internal name for the core trading surface. It would need to handle:

  • Buy & sell flows for tokens.

  • Swaps between assets with clear, predictable outcomes.

What I Designed

  • Quick-amount presets (1 / 5 relative to the coin in context when buying, or 25% / 100% when selling) for a simple trading experience with clear input fields for manual control.

  • Outcome previews in the price text field so users see an estimate for what they’ll get before they commit, helping reduce surprises and mis-trades.

  • Price estimate previews in the price text field so users see an estimate for what they’ll get before they commit, helping reduce surprises and mis-trades.

Buy

Sell

0.66

~2554308.16 $HPC

1

5

Reset

$HPC

Place Trade

Buy

Sell

$HPC

2554308.16

~0.66 SOL

25%

100%

SOL

Reset

Place Trade

Explore & Search Meaningfully

The Explore view is where users came to browse Truffle’s catalog when they didn’t have a specific project in mind.

Filterable grid

  • A scalable card grid paired with a collapsible filter drawer for drop types

    • Single edition, Limited edition, Open edition, Generative.

  • Status toggle to switch between viewing different statuses of NFTs or collections

    • Live / Upcoming / Ended / All)

Search Overlay

For users who already knew what they wanted, I designed a full-width search overlay:

  • A full-width overlay with type-ahead results grouped by entity (drops, items, collections).

  • A clear “Can’t find it?” and “Advanced search” pattern that helps users recover when their first query doesn’t match.

Together, structured explore and targeted search made both casual browsing and direct lookup feel intentional.

Creator Discovery

Flexible hero carousel

  • Featured drops: sponsored or curated releases with badges, creator handles and a prominent “Mint now” or “Go to mint page” CTA.

  • Product updates: slides that announced new features with a short description and a “Try now” entry point.

  • Non-featured drops: regular creator releases that still deserved space in the hero, without the full “featured” treatment.

  • Non-featured drops for regular creators who still deserved visibility.

Together, these sections turned the homepage from a marketing surface into a working discovery hub.

Token Pages & Custom Theming

Once a token was live, its token page became the hub for that community. I designed the layout to stay structurally consistent while allowing strong visual expression.

  • Type-ahead results grouped by relevant entities (drops, items).

  • A clear “Can’t find it?” / Advanced search pattern to help users recover when their first search didn’t match.

The combination of structured explore and targeted search helped both casual browsing and direct lookup feel intentional.

Shared structure

Every token page shares:

  • A hero header with icon, name and ticker.

  • Token logo and background image.

  • Background blur intensity, so pages can feel highly personalised without compromising legibility.

The design balances personality with predictability: every token feels distinct, but experienced users always know where to look for the next action.

Creator Dashboards: Assets & Drop

Your assets

To support ongoing work for creators, I also refreshed the creator dashboards:

  • 1/1s, Editions and Collection NFTs, with empty states that guide users to “Create a 1/1”, “Create an edition” or “Create a collection”.

Your drops

  • NFTs grouped by collection, Airdrops and Token drops, plus simple filters (Completed / Failed / Drafts).

Across both, I made empty states do real product work: they teach you what the feature is, what you need to get started, and give you a single primary action to move forward.

Collaboration Impact & Learnings

Engineering

Ensuring that trading interactions and edge cases matched on-chain realities.

Product

To align hero content, explore defaults and categories with what we wanted to promote.

Community

To understand how creators actually talked about their tokens and which data felt trustworthy.

Key things I focused on:

  • Reducing cognitive load in an inherently complex domain by reusing patterns and language across surfaces.

  • Balancing playfulness with trust by keeping the product fun, but always keeping core financial information front-and-centre.

Buy

Sell

$HPC

2554308.16

~0.66 SOL

25%

100%

SOL

Reset

Place Trade

Buy

Sell

0.66

~2554308.16 $HPC

1

5

Reset

$HPC

Place Trade

Explore & Search Meaningfully

The Explore view is where users came to browse Truffle’s catalog when they didn’t have a specific project in mind.

Filterable grid

  • A scalable card grid paired with a collapsible filter drawer for drop types

    • Single edition, Limited edition, Open edition, Generative.

  • Status toggle to switch between viewing different statuses of NFTs or collections

    • Live / Upcoming / Ended / All)

Search Overlay

For users who already knew what they wanted, I designed a full-width search overlay:

  • A full-width overlay with type-ahead results grouped by entity (drops, items, collections).

  • A clear “Can’t find it?” and “Advanced search” pattern that helps users recover when their first query doesn’t match.

Together, structured explore and targeted search made both casual browsing and direct lookup feel intentional.

Collaboration Impact & Learnings

Key things I focused on:

  • Reducing cognitive load in an inherently complex domain by reusing patterns and language across surfaces.

  • Balancing playfulness with trust by keeping the product fun, but always keeping core financial information front-and-centre.

Engineering

Choose a campaign template. leaderboard, raffle, rebate, liquidity boost, loyalty program.

Product

Defined phased rollouts, defaults, and prioritization based on user risk profiles.

Community

Audited creator pain points, surfaced language mismatches, and validated prototypes with beta users.

Two-step flow: Create & Launch

Create

  1. Define the token

  2. Upload an image and set name + ticker.

  3. Configure a pre-purchase amount with sensible presets (1 / 5 / 10 SOL)

  4. Write a human-readable description of what the token is about, instead of contract jargon.

  5. Choose one or more categories (e.g. Animal, Community, Politics) for downstream discovery.

Launch

  1. Confirm and publish

  2. Review key parameters in plain language to catch mistakes before going on-chain.

  3. Choose between a fast “Launch now” and a “Customise token page” path for teams who want more control.

  4. Social fields for Twitter, Discord, Telegram and Website live under “More options”

  5. Review key parameters in plain language to catch mistakes before going on-chain.