Skip to content

POAP Studio · 2023–2026

POAP Passport

From branded collectible hunts to a configurable phygital experience platform.

  • Platform
  • Configurable systems
  • Backoffice

One system · three identities

The World of Women Gala Passport: a teal collection screen with twelve collectibles
The Harpie Passport: a purple collection split into named categories
The SEG3 Passport: a green leaderboard and hunt built on the same system
Role
Sole UX/UI Designer
Timeline
2023–2026
Status
V1 and V2 launched
Scope
Information architecture · User flows · Interaction design · UI · White-label system · Backoffice logic · Handoff
01

The problem

Why a reusable system was needed

POAP Studio initially built tailored collectible hunts for individual brands and events. As requirements diversified, the team needed one system that could support different identities, collection structures and participation rules without rebuilding from scratch. As the sole UX/UI designer, I worked with the founders and engineering to turn that requirement into a participant-facing platform, a configurable backoffice and a white-label framework — the three pieces this case follows, from a backoffice decision to a system behaviour to a participant outcome.

The challenge was never to make each Passport look different.

It was to stay legible for both participants and administrators while each activation differed in branding, rules, collection structure and rewards.

02

2023

V1: establishing the participant model

The first version focused on branded collectible hunts. Participants could join a Passport, discover available collectibles, track progress, unlock benefits and compare progress through leaderboards. Three item states carry most of the product’s meaning, so each one earned its own screen rather than a badge on a grid.

The collection screen with All, Collected, Missed and Available filters
Collection · the state model participants learn first.
A collected item, showing which benefits it unlocked
Collected · and what it unlocked.
An available item with its date, location and a map
Available · when and where to get it.
A missed item explaining that it is no longer available to collect
Missed · a dead end, explained.

Benefits were the reason to collect. The requirement list on the benefit and the redemption moment are the two halves of that promise, so they were designed as a pair, not as separate screens.

A benefit detail screen listing the collectibles required to unlock it
A redeemed benefit showing a QR code and where to use it
03

Constraints

What broke as requirements grew

The limitations of V1 became the design inputs for V2. None of them were visual.

  • Customisation was insufficient for increasingly diverse brand identities.
  • Collections needed richer internal structure and categories.
  • Benefit logic needed more than simple requirements.
  • Rewards required stock, multiple types and more flexible unlock mechanisms.
  • Some projects required bespoke implementations outside the standard product.
04

2024

V2: scaling configurability

V2 expanded Passport from a hunt template into a configurable platform capable of supporting product onboarding, employee engagement, community programs, city exploration and event gamification.

The Harpie collection with collected and available states
Harpie · product onboarding
A collection split into Contributor, Active User, Collab Participant and Ambassador categories
Categories inside a collection · new in V2
A leaderboard rendered in a third brand’s identity
SEG3 · a third identity, same components

Decision 01

Make requirement logic readable instead of hiding it

The tension

Benefits could now depend on any combination of collectibles: all of them, some of them, at least one, or specific mandatory items. Expressing that in an interface usually turns into either a hidden rule or an unreadable formula.

What I chose

I put the rule on the benefit itself, as a checklist the participant can verify item by item. The sentence above the list states the logic in plain language, and each row carries its own state. One pattern renders every combination the backoffice can produce.

A benefit requiring at least one of the listed collectibles
at least one of the following
A benefit requiring at least three of the listed collectibles
at least 3 of the following
A benefit requiring all of the listed collectibles
all of the following
05

The core of the system

Configuration → behaviour → participant outcome

The backoffice and the participant product are not two sets of screens. An administrative decision creates a system behaviour, which produces a participant state. Designing that chain is the actual work.

System model

  1. Organisationwho owns it
  2. Projectone experience
  3. Setup & brandingreusable variables
  4. Collectibleseligibility, timing
  5. Benefitsunlock logic
  6. Participantstate and progress
Rounded nodes, thin connectors, short labels. The diagram exists to be read in five seconds, not to look like a framework.

Administrator chooses the unlock logic

Participant gets a checklist

The same rule rendered for the participant as a checklist
Step 4 of benefit creation offers three rules: some of them, all of them, at least one. Whichever the administrator picks, the participant reads one sentence and one checklist.
Backoffice configurationSystem behaviourParticipant outcome
Branding, fonts and mediaReusable visual variables and assetsA Passport that reads as the client’s own product.
Collectible, category and availabilityPlacement, state and timing rulesCollected, available or missed.
Benefit requirementsAll / some / at least one; mandatory itemsA locked or unlocked reward with visible progress.
Inventory and redemptionLimited stock and redemption statusAvailability, urgency and claim state.
Location or collection methodPermission, validation and error handlingThe right minting journey, and its edge cases.
Every white-label variable in one panel: logos, background and text colours, icon and highlight colours, button styles, and the font, chosen from Google Fonts or uploaded as a custom file.

Decision 02

Ship a neutral template that is already a working product

The tension

A white-label framework fails when the unbranded state looks broken. Clients see the empty template first, and if it reads as unfinished they ask for a bespoke design, which is exactly what the platform existed to avoid.

What I chose

The default template is designed as a complete, credible page: real hierarchy, real spacing, explicit replacement slots. Applying a brand swaps variables; it does not rebuild the layout.

The neutral white-label minting page with placeholder brand slots
Default
The same template configured as the Digital Collectible of Paris 2025
Configured
The editor keeps a live preview beside the controls, so a client never has to imagine the consequence of a setting.
06

Edge cases

Where the happy path runs out

Location verification is the flow worth showing, because almost none of it is the happy path. It has to explain why the browser is about to ask for a permission, handle the asynchronous check, and give a useful answer in every way it can fail.

Location check in the minting flow: rationale, native browser permission, checking state, success, out-of-range, permission denied and verification failure. Scroll the board sideways.
The minting journey: email, wallet and ENS collection, custom fields and success states, mapped as one board for engineering.
07

2026

Experience: unifying Passport and minting journeys

By 2026, Passport and the standalone minting journeys had become deeply interdependent but were still configured through separate tools. I designed the information architecture and low-fidelity flows for a unified product called Experience, combining minting, collections, benefits, branding and distribution into a single administrative model.

The main design challenge was making interconnected rules, dependencies and permissions understandable without removing the flexibility required by advanced clients and internal teams.

Product model

  1. Minting Journey
  2. Passport
  3. Shared configuration
  4. Experienceone project, one model

08

Evidence

Selected outcomes

These are outcomes from individual implementations, not one aggregate metric — participants, collectors and redemptions are not interchangeable, so each figure stays attached to its own experience.

200
new users in one day
Harpie @ EthCC 2024 · Passport V2
580+
participants and 700+ benefit redemptions
MetaMask · Find the Fox · Passport V2
600+
collectors across Arbitrum experiences
Arbitrum · Passport V2
65%
of attendees visited at least two stations
World of Women Gala · Passport V1

Figures come from the project evidence supplied by POAP Studio and are attributed individually. Where a metric definition is uncertain it is validated before publication rather than rounded up.

Across selected implementations, Passport supported product onboarding, event participation, city exploration and community engagement. There have been more than 20 direct deployments, including MetaMask, Cannes, Mantle, Merge Madrid, Mercedes-Benz Consulting, Arbitrum, Toledo Art Museum, BASF, Shell, Linea, ENS, Bayer, VIVA Technology and WWF.

09

Reflection

What I would carry forward

Scalable UX needs more than reusable components.

As the platform grew in complexity, I learned that it also requires clear ownership, documentation, design governance and regular implementation reviews to preserve interaction consistency as the system evolves.

That is why the customisation guidelines exist: a written contract with clients about images, fonts and colours, so the system stays coherent when someone else configures it.

A page from the Passport customisation guidelines covering image specifications
A page from the Passport customisation guidelines covering fonts

End of case

If your product has more rules than screens, we should talk.

Next case · 02 · CartierTime Shaper ChallengeBusiness rules translated into actions, achievements, points, rewards and two leaderboards.