Grant Adams
Southern California · -
Back to work
Tell me about Recur
Case study

Recur

The platform behind branded NFT marketplaces for the biggest names in entertainment - Paramount, Nickelodeon, Hello Kitty, and more. I was employee #4 and a founding product designer, building it 0→1 with the founders and leading the design system the whole company ran on.

Role  Founding Product Designer Year  2021–2023 Focus  Design system · 0→1 product · team leadership
Recur - NFTU branded marketplace

Overview

Recur was a fast growth startup - raising a 55m Series A. We built bespoke NFT marketplaces for the world's biggest brands. Every marketplace had to look and feel unmistakably like the brand behind it but underlining components could not change. Here I worked closely with our product and engineering teams but also collaborated with the creative teams for the brands we worked with.

Building it 0 to 1

As the founding designer, I worked directly with the founders to take Recur from an idea to a launched product. To get there, I led design sprints with the team to finalize the MVP scope: what problem we were solving, who we were building for, and which features had to be in the first release. We wrote out our user personas, studied competitors like NBA Top Shot, Rarible, and OpenSea, and ranked every proposed feature by how many people would use it and how often.

The Recur design sprint board
The full sprint board: goals, personas, competitor research, and a deep dive on each feature.
Feature list and a matrix ranking features by reach and frequency
Every proposed feature, ranked by how many people would use it and how often.

Core user flows

With the scope set, we walked through each core flow step by step, from a first purchase to cashing out. Under each step we noted the open questions and decisions, so they were settled before any screens were designed.

User flow: a user who signs up to buy their first NFT
A new user signing up to buy their first NFT, with open questions under the steps that needed them.
User flow: a user who hasn't signed up but wants to buy an NFT
A visitor who hasn't signed up yet but wants to buy.
User flow: a user who signs up and follows the prompt to connect a card
A new user connecting a card during onboarding.
User flow: a user who buys a pack and opens it right away
Buying a pack and opening it right away.
User flow: a user who owns an NFT and wants to sell it
Listing an NFT for sale.
User flow: a user who withdraws a balance to a bank account
Withdrawing a balance to a bank account through Circle.

A marketplace for every brand

Early on, every launch was a one-off - custom design and build per brand, weeks or months each and a huge headache for everyone involved. We knew this wasn't sustainable so we figured out a design system approach that changed that into a token-based foundation where color, type, spacing, etc would get reskinned per brand, so a whole marketplace could be restyled to a new brand in hours instead of weeks. This is an effort I led alongside our frontend engineering team. As a result, we were able to take on more brands and eventually make the entire marketplace self serve for brands to reskin and update on their own.

Branded Recur marketplaces
More branded Recur marketplaces
A few of the branded marketplaces we shipped - every one distinct, all built on one system.
The Recur challenge card - component anatomy and brand variants
One component, fully tokenized - with brand variants branching straight off it.
The design system skinned for Hello Kitty
The component system, skinned for Hello Kitty.
The live Hello Kitty marketplace

Branded marketplaces

Full-page designs for three of the branded marketplaces, each built on the same system.

Full-page design of the NFTU marketplace
NFTU
Full-page design of the Star Trek marketplace
Star Trek
Full-page design of the Top Gun marketplace
Top Gun

Impact

#4
Employee - founding product designer
Hours
To launch a new branded marketplace - down from weeks
8
Designers hired and led as the team scaled