MADE
CASE STUDY

MADE puts culture on the blockchain: a registry where artists, designers, and cultural producers register, license, and get paid for their work before it gets taken from them.

the

problem
[
01
]

MADE had a powerful mission and a working prototype, but no shared picture of its user. Creators saw information, not action.

[
02
]
Approach

I built the missing foundation in week one, then designed every screen around a single task, so creators never had to think about crypto.

And
[
03
]
Impact

A complete design system in five weeks of a six-week deadline: eight button variants cut to four tiers, and a blockchain product readable at a glance.

strategy led by principles
[04]

I came on with two pitch decks, a go-to-market roadmap, and a legacy brand guide. There was no brief, no research, and no foundation. In our first interview, the founder named the challenge himself: creators saw MADE as "information instead of an actionable solution." In week one, I wrote the creative brief from scratch, then set five design principles with leadership. My audit of the React prototype found eight inconsistent button variants competing for attention.

BEFORE // INVENTORY AUDIT

LEGACY SVG (REACT) COMPONENT INVENTORY

8 ACTIVE INCONSISTENT VARIANTS DETECTED

Button - Primary - Dark

High

Main action trigger for dark contexts.

LOCATION:

Button - Primary - FullWidth - Copper

High

Full-width call to action highlighted in brand copper.

LOCATION:

Hero Sections

Button - Primary - Copper

High

Standard brand highlighted primary button.

LOCATION:

Marketplace Pages

Button - Secondary - Transparent

Medium

Ghost-style secondary click trigger.

LOCATION:

Homepage Modals

Button - Secondary - Icon with Text - Light

Medium

Accompanied by accessory graphics on clean sheets.

LOCATION:

Product Detail

Button - Toggle - Light Theme

Low

Interface aesthetic controller switch.

LOCATION:

Button - Toggle - Grid View

Medium

Grid presentation layout toggler.

LOCATION:

Catalog Main

Button - Toggle - List View

Medium

Linear directory layout toggler.

LOCATION:

Catalog Main

Type, palette and culture
[05]

The brief set the direction: the curation of Le Bon Marché, the cultural authority of the NMAAHC, the transparency of Etherscan, and nothing that read as crypto. I paired Kodo Mondo, a technical display face, with DM Sans for everyday clarity, and anchored the palette in Key Brand Gold and Onyx Charcoal. Then I consolidated eight button variants into four tiers, so every screen carries one premium action.

Aa

KODO MONDO 124px / 100.00% / -2.00px / Upper

Aa

DM SANS 64px / 110.00% / -2.00px / Title

Icons, direction and sequence
[06]

The mark came from the culture of MADE's users. Hip-hop's Cuban link, which Raekwon describes as a chain of brotherhood that can't be broken, became the interlocking icon that doubles as the chain in blockchain. Around it, I built a status language that replaces technical jargon with plain feedback: Verified, On chain, Pending, Warning, Error. Each state answers the question a creator actually has: what's happening to my work?

Verified

On chain

Warning

Error

Pending

Category

Default

MADE PROTECTS BLACK

CREATIVITY

LIST YOUR CREATIVE PROPERTY

Include your product, service or image & likeness by building your profile capturing your value.

01

Here is where to place text that describes an instruction, demonstrates its value, and how the creator benefits from this step.

LEARN more

Monetize Your Property

Every time a brand or buyer licenses your creative property on MADECX, payouts flow directly to you,  transparently on-chain.

FULL PRODUCT DESCRIPTION

ETHICALLY HARVESTED

We harvest our sea moss from the top 1% cleanest oceans in the world only and three times per year in compliance with the Oregon Tilth standards.

THIS IS A SUBTITLE

Description 1

Description 2

Description 3

THIS IS A SUBTITLE

Description 1

Description 2

Description 3

Cards
[07]

I prioritized creator identity over raw inventory. Listings lead with the creator and a verified badge. Product pages offer two clear paths—support the creator or license the work, with ethical commitments and cultural context one tap away. Checkout runs on Apple Pay and named tiers, so no one needs a crypto wallet to pay a creator. In week five, MADE moved in a new product direction, and the system was handed off as its foundation.

MADE
CREATIVE DIRECTION | UX/UI

Led creative and product strategy, following the development of a complete design system using Figma, Claude, and rapid visualization to deepen engagement and improve user onboarding and perception.

MOXIE LASH
CREATIVE DIRECTION | UX / UI

Redesigned Moxielash's sales page while simultaneously redesigning the brand and restructuring operations with a documented process for the creative team.

MOZILLA
UX / UI | BRAND ARCHITECTURE

Contributed to Mozilla's milestone rebrand, designed microsites and created a multitude of assets for the marketing team.

SF JUNETEENTH
BRAND ARCHITECTURE

Designed the brand for the inaugural San Francisco Juneteenth parade.

AH2
BRAND ARCHITECUTURE

Designed and developed an accessible-luxury brand from scratch to position AH2 Hospitality Group for global expansion.