BACK TO HOME

EstampaMatch

PRODUCT CASE STUDY · 2026

A digital platform for FIFA World Cup 2026 sticker collectors to manage their collections, track duplicates, share what they need, and discover exchange opportunities.

Role
Product Engineer
Status
Production
Ownership
Product Strategy · UX/UI · Architecture · Frontend · Backend · Data · Analytics · Deployment
01 — THE OPPORTUNITY

Turning a manual collecting habit into structured data.

Sticker collecting is inherently social, but collectors often manage missing and duplicate stickers manually, making it difficult to discover who has exactly what they need.

Manual Collection
MISSING
ARG 07
BRA 14
MEX 03
GER 11
DUPLICATES
ARG 21 ×2
MEX 08 ×3
BRA 02 ×2
STRUCTURE
Structured Collection
COLLECTOR
OWNED
MISSING
DUPLICATES
DISCOVERY
EXCHANGE

The real opportunity wasn't digitizing the checklist. It was making collection data connectable.

MANUAL TRACKINGSTRUCTURED DATADISCOVERYEXCHANGE
02 — THE PRODUCT

Utility first. Network value second.

EstampaMatch provides immediate utility through collection and duplicate tracking, while progressively building the structured data required for discovery and matching.

Individual Utility

Collection

Track owned and missing stickers.

STATUS: LIVE

Duplicates

Manage stickers available for exchange.

STATUS: LIVE

Structured Collection Data

Public Profiles

Make collection data shareable.

STATUS: LIVE
Network Layer

Discovery + Matching

Find collectors with complementary collections.

STATUS: NEXT PHASE
Network Value

Useful with one collector. More valuable with every connection.

03 — THE EXPERIENCE

Make 980 stickers feel manageable.

The challenge wasn't displaying hundreds of stickers. It was making the collection understandable at a glance, navigable at scale, and usable wherever collecting happens.

01 / At a glance

Know exactly where you stand.

Collection progress, missing stickers and duplicates are surfaced immediately, turning hundreds of individual items into a clear state.

99%
COMPLETE
980 / 994
COLLECTED
14
MISSING
433
DUPLICATES
EstampaMatch Dashboard
02 / Navigate at scale

Hundreds of stickers. One navigable system.

Groups, teams, search, filters and progress reduce a 980+ item collection into familiar, scannable layers.

980+ ITEMS
GROUPS · TEAMS · SEARCH · FILTERS
EstampaMatch Collection
EstampaMatch Collection Mobile
03 / Model the complexity

Complexity without cognitive overload.

Extra stickers introduce another dimension to the collection: players can exist across multiple variants without changing the core interaction model.

EstampaMatch Extra Stickers Mobile
PLAYER
BASEBRONZESILVERGOLD
EstampaMatch Extra Stickers Desktop
04 / Make it shareable

Private collection data becomes useful to others.

A public profile turns missing and duplicate stickers into a shareable representation of what a collector needs and what they can offer.

PRIVATE COLLECTION
PUBLIC PROFILE
EXCHANGE OPPORTUNITY
EstampaMatch Public Profile

Designed for the scale of the collection.
Responsive to the moment of collecting.

04 — THE SYSTEM

Architecture shaped around the product.

The system was designed around the product's core behavior: turn individual collection activity into structured data that can power progress, sharing and eventually matching.

01 / Model the domain

Collection state is the foundation.

Album metadata and sticker catalogs remain shared, while ownership and duplicates are modeled around each collector. The result is a consistent source of truth across every product surface.

ALBUM
STICKER CATALOG
OWNED
DUPLICATES
COLLECTION STATE
02 / Separate the surfaces

Private state. Public representation.

Authentication, private collection management and public identity remain separate concerns, allowing collection data to be shared without coupling the public experience to the authenticated application.

GOOGLE OAUTH
IDENTITY
PROFILE
PRIVATE APPLICATION
PUBLIC PROFILE
03 / Design for what comes next

Today's actions become tomorrow's network.

Every collection update already creates the inputs required to compare collectors. Matching therefore becomes an evolution of the existing data model rather than a separate product bolted on later.

OWNED STICKERS
DUPLICATES
LOCATION
STRUCTURED COLLECTION DATA
PUBLIC PROFILE
MATCHING ENGINE
NEXT PHASE
TECHNICAL FOUNDATION
ApplicationNext.js · TypeScript · Tailwind CSS
IdentityGoogle OAuth · Supabase Auth
DataPostgreSQL · Supabase
DeliveryVercel · Custom Domain · CI/CD
ObservabilityProduct Events · Usage Analytics

Built for today's utility.
Structured for tomorrow's network.

05 — ENGINEERING DECISIONS

Complexity where it creates value.

01 / Relational by design

Model relationships instead of reconstructing them.

Albums, stickers, collectors and duplicates form a naturally relational domain. PostgreSQL keeps those relationships explicit and queryable while providing a clean foundation for future collector matching.

COLLECTION DOMAIN
RELATIONAL DATA
POSTGRESQL
MATCHING-READY
02 / Earn the complexity

Don't build a backend before the product needs one.

Supabase provides authentication, PostgreSQL and managed data services without introducing a separate backend layer prematurely. The architecture stays simple today while preserving a clear path to dedicated services when product scale or business logic justifies them.

TODAY
NEXT.JS
SUPABASE
POSTGRESQL
SCALE / DOMAIN
COMPLEXITY
DETERMINES
TRANSITION
WHEN JUSTIFIED
NEXT.JS
SERVICE LAYER
POSTGRESQL
03 / Derive, don't duplicate

One collection state. Multiple product surfaces.

Dashboard progress, missing stickers, duplicates and public profiles are derived from the same underlying collection state rather than maintained as independent representations. Fewer sources of truth mean fewer synchronization problems as the product evolves.

COLLECTION STATE
DASHBOARD
COLLECTION
PROFILE
PROGRESS
MISSING
OFFER/NEED
04 / Instrument the product

Measure behavior before optimizing assumptions.

Meaningful interactions are captured as product events, including collection updates, duplicate management, searches, filters, profile views and CTA interactions. This creates evidence for what users actually do before deciding what to build or optimize next.

USER BEHAVIOR
COLLECTION UPDATE
SEARCH
FILTER
PROFILE VIEW
CTA CLICK
PRODUCT EVENTS
USAGE SIGNALS
PRODUCT DECISIONS

Build what creates value.
Earn the complexity that comes next.

06 — PRODUCT & BUSINESS LOGIC

Engineering decisions are business decisions.

EstampaMatch follows a progressive value model. Product and technical investment increase only as user behavior creates evidence for the next stage, moving from individual utility to network value and eventually to monetization.

INDIVIDUAL VALUE
UTILITY
Help one collector manage an album.
RETENTION
Collection progress creates a reason to return.
IDENTITY
Public profiles make collection data shareable.
NETWORK VALUE
NETWORK
More collectors create more potential exchanges.
MATCHING
Complementary collections increase the value of the network.
BUSINESS VALUE
MONETIZATION
Higher-value network capabilities can support paid product features.
BUILD
Core collection experience
MEASURE
Collection updates
Duplicate activity
Profile sharing
Return behavior
VALIDATE
Is there enough recurring behavior and exchange density?
INVEST
Matching
Payments
Additional infrastructure
01 / Create value before capturing it

EstampaMatch starts by solving a problem for one collector: knowing what they have, what they are missing and what they can trade.

02 / Design for compounding value

Collection tracking creates state. Duplicates create exchange supply. Public profiles create discovery. Together they create the conditions for a network.

03 / De-risk before you scale

Matching, payments and additional infrastructure should follow demonstrated recurring behavior and exchange density, not precede it.

Create value first.Capture value when the network earns it.

07 — FROM IDEA TO PRODUCTION

Built end-to-end.

EstampaMatch went from a real collector problem to a production product, defined, designed, engineered, instrumented and shipped as one connected system.

Owning the complete path created a direct feedback loop between product decisions, engineering decisions and real user behavior, allowing the system to evolve around evidence rather than assumptions.

01
PROBLEM
Collector problem
02
PRODUCT
Product definition
UX
03
SYSTEM
Architecture
Data model
PostgreSQL
04
BUILD
Application
Authentication
Frontend
05
SHIP
Production
Domain
SEO
06
LEARN
Analytics
Usage signals
Iteration
REAL USER BEHAVIOR
PRODUCT DECISIONS
NEXT ITERATION
ONE PRODUCT. ONE FEEDBACK LOOP.
Product decisionsEngineering decisionsReal user behavior