All Work
Vitrine
Product StrategyNative AppBackend MigrationAdmin Tooling

A COLLECTOR PLATFORM THAT
NEEDED A REDESIGN.
WHAT IT GOT WAS A FOUNDATION.

4xScope Increase
<10%Budget Drift
>$250KAgency
<$100KINTRSTLR
View Visual Evidence
02THE SITUATION

Vitrine came to us with a straightforward ask: redesign the UI of their collector cataloging app. New visuals, cleaner flows, ship it.

That was the brief.

Once we got under the surface, the problems ran deeper than visual design. The app wasn't dated. It was architecturally constrained.

The backend (Firebase) wasn't built to scale. Monetization was limited to marketplace transactions — one revenue stream with no recurring component. Admin tooling was duct-taped together.

A redesign wasn't going to fix this. The product needed to be rethought, not reskinned.

03THE SHIFT

We went back to the client with a different proposal.

Instead of delivering a surface-level refresh of a structurally limited product, we scoped a full platform rebuild: product strategy, consumer app, admin tooling, backend migration, and monetization model.

The budget stayed nearly the same.

This is what changes when senior practitioners work directly, without layers, using modern tooling. Scope expands. Cost doesn't.

PROJECT SCOPE — REVISED
UI Redesign
Visual refresh
Flow optimization
+Product strategy
+Native React Native app (60+ screens)
+Backend migration (Firebase → PostgreSQL)
+Admin tooling rebuild (Category Builder)
+Monetization model (Pro tier)
Δ Budget: ~0%
Senior Judgment×AI Acceleration=Outcome Density

Same decisions, made faster.

Same quality, fewer hands.

4xScope
<10%Drift
04THE PROBLEM SPACE

UNDERSTANDING HOW COLLECTORS THINK

Before building anything, we needed to understand how collectors actually think.

The core insight: Collectors don't just own things. They curate them.

The difference matters. Ownership is passive. Curation is active. Collectors organize, categorize, display, compare, track, and talk about their collections constantly. The existing app treated collecting like inventory management. That misses the emotional and social dimensions entirely.

Two mental models, one platform:

Vitrine serves two fundamentally different collector types. The previous app forced both into the same rigid structure. The rebuild needed to support both within a unified experience.

The upload flow handles this with a fork at the entry point.

05THE SYSTEM

CONSUMER APP

Full native React Native application. 60+ screens covering onboarding, cataloging, showcases, discovery, tracking, community, messaging, and profiles.

The Fork

Users choose their path at upload. Trading cards get scan and auto-detect optimized for standardized items. Memorabilia gets custom fields for unique pieces. Two mental models, two distinct flows.

MEMORABILIA FLOW
vitrine
What are you adding?Swipe to select collectible type
PHYSICAL COLLECTIBLES
Memorabilia
Sneakers, watches, apparel, toys, and more
Memorabilia
Create NewShowcase
Need to upload in bulk? →
SELECT
UploadMemorabilia
Search types...
12 types
Baseball7 categories
🏀
Basketball5 categories
🏈
Football5 categories
🏒
Hockey6 categories
Soccer5 categories
👟
Sneakers6 categories
Watches6 categories
TYPE
UploadMemorabiliaBaseball
Search Baseball categories...
7 categories
Jersey
Helmet
Signed Ball
Bat
Glove
Signed Photo
Other
CATEGORY
MemorabiliaBasketballBall
Photos*(0/7)
Add
Drag to reorder. First image is featured.
Title*
Bath Ruth Auto Rookie Game Used31/100
Value*
$1500
Status*
SELL + TRADE
FOR SALE
FOR TRADE
NFST
DETAILS
TRADING CARD FLOW
vitrine
What are you adding?Swipe to select collectible type
CARD COLLECTIBLES
Trading Cards
Sports cards, TCG, and graded cards
Trading Cards
Create NewShowcase
Need to upload in bulk? →
SELECT
Scan Card
Position card within frame
Detecting card...68%
Capture & Scan
SCAN
Scan Results
✓ Detected
98% match
Auto-detected fields
Card Name
PSA Charizard Holo 1st Ed.
Set
Base Set (1999)
Grade
PSA 10 Gem Mint
Cert Number
84726591
Confirm & Continue
RESULTS
Trading CardsDetails
PSA Charizard Holo 1st Ed.Base Set • PSA 10
Edit
Title*
PSA 10 Charizard 1st Edition Holo38/100
Value*
$42000
Status*
FOR SALE
FOR TRADE
SELL + TRADE
NFST
Add to Collection
DETAILS

Reputation

Profiles surface credibility signals — item count, total value, rank, rep score. In collector communities, trust determines whether people buy, sell, or trade with you.

USER PROFILE FLOW
ELITE
Alex Rivera
@alexcollects
👤Follow
💬
127
ITEMS
8
SHOWCASES
12.4K
TRACKS
$48.2K
VALUE
Rank #84794% REP
Search collection...
RECENT
Collection
Showcases
🏠
🔍
+
👥
👤
PROFILE
Share Profile
Alex Rivera
127 items • $48.2K value
💬
Messages
📋
Copy Link
𝕏
Twitter
📸
Instagram
Scan QR CodeOthers can scan to view your profile instantly
Cancel
SHARE
Collection
127 items
Search collection...
All
Sneakers
Cards
Watches
Sort: Recent
Jordan 4 Chicago
PSA 10 Charizard
Rolex Submariner
Travis Scott Lows
Pikachu Gold Star
AP Royal Oak
COLLECTION
Showcases
8 showcases
Collection
Showcases
Grail Cards12 items • $156K value
❤️ 2.4K👁 8.1K
View →
Sneaker Heat8 items • $24K value
❤️ 892👁 3.2K
View →
Watch Collection5 items • $82K value
❤️ 1.1K👁 4.7K
View →
+Create Showcase
SHOWCASES

Profiles surface reputation — items, value, rank, rep score.

Audience Specific Communication

Collectors don't just list — they connect. Built-in messaging with attachable collectibles, group chats for collector communities, and discovery tools to find your people.

COMMUNICATION FLOW
Community
+
Discover
Your Groups
Search communities...
Find Groups
For You
👑 OFFICIALLIVE
Baseball Cards HQThe ultimate hub for baseball card collect...
+231
💬 1.8k/24h
Join
Active Now
892
Pokemon TCG
567
Sneaker Drops
DISCOVER
👑
Baseball Cards HQ
# baseball🌐 Public
👥12.8kmembers
234online
💬1847today
ABOUTThe ultimate hub for baseball card collectors.
👑Official
Cards
JOIN GROUP
DETAILS
Base...OFFICIAL
2,847 members • 124 online
👥
05:38 AM
Wednesday, Jan 1
Sarah Wilson joined the group
Sarah Wilson
Hey everyone! New here. Been collecting vintage baseball for about 5 years now.06:02 AM
Welcome Sarah! You'll love this community. What's your favorite era to collect?06:05 AM
•••Alex Chen is typing...
📎
Message...
😊
GROUP
Attach
📷
PhotoFrom camera or gallery
📦
CollectibleShare from your collection
🎯
ShowcaseShare a showcase
ATTACH

Messaging + community — where collectors connect, trade, and share.

06THE SYSTEM

ADMIN TOOLING

Category Builder — a PWA for taxonomy management. Types, categories, subcategories, fields, options, and visibility rules. Complex information architecture made manageable without engineering support.

ADMIN TOOLING
VitrineCategory Builder
Types (L1)
Categories (L2)
Subcategories (L3)
Fields
Form Builder
Options
👥Admin Users
👤Users
Logout
Category Builderjohn@myvitrine.app
Unified Field ManagementCreate and manage fields independently, then map them to Types, Categories, or Subcategories.
Search fields by label...
Unmapped1
Types (L1)Categories (L2)Subcategories (L3)
Filter by Type
Select
+ Create Field
Field LabelField TypeMappingsActions
#/Total (i.e. 1 of 5)TEXT10 Type(s)
🗑
Additional COA CompanyTEXT10 Type(s)
🗑
Additional COA NumberTEXT10 Type(s)
🗑
Additional LOA CompanyTEXT10 Type(s)
🗑
Athlete(s)/PersonTEXTLIST10 Type(s)
🗑

Category Builder — taxonomy management without engineering.

TAXONOMY ARCHITECTURELIVE
L1Types
10 defined
L2Categories
47 defined
L3Subcategories
124 defined
L4Fields
38 unique
Consumer AppAdmin PWA
Dynamic forms generated per category path

The Type → Category → Subcategory → Field model is flexible enough to handle any collectible type without code changes. New categories, new fields, new rules — all configurable by the client.

Systems thinking that pays forward.

07THE APPROACH

HUMAN-LED, AI-AMPLIFIED

This project is a clear example of what "human-led, AI-amplified" looks like in practice.

AI-native execution across every layer:

Design-to-code for rapid frontend builds during exploration. LLM-assisted refactoring from React prototypes to production React Native. AI-accelerated backend work — schema design, migrations, data modeling. Copy and messaging for the marketing site.

This is how the scope expanded without the budget following. Senior judgment directed the work. AI tooling compressed the timeline.

The workflow:

Started with design-to-code (React) for rapid prototyping. Once design was locked, refactored to React Native for production. Explore fast, then harden. More efficient than starting native from scratch.

BUILD LOG — VITRINE
[2024.09.12]Design system initialized
[2024.09.15]Component library → 47 components
[2024.09.22]Prototype build (React)
[2024.10.01]User testing complete
[2024.10.08]Production refactor (React Native) started
[2024.10.29]LLM-assisted migration — 60+ screens
[2024.11.05]Backend schema designed
[2024.11.12]Firebase → PostgreSQL migration
[2024.11.19]Admin PWA deployed
[2024.12.01]Pro tier integration complete
[2024.12.15]QA cycle initiated
Senior judgment + AI acceleration12 weeks
08TECHNICAL

STACK & ARCHITECTURE

vitrine / tech-stack
PRODUCTION
FRONTEND/
├── consumer-app/
└── React Native60+ screens
├── marketing-site/
└── Next.js, Vercel12 pages
└── admin-pwa/
└── ReactCategory Builder
BACKEND/
├── database/
└── PostgreSQLmigrated from Firebase
├── models/
└── Relational schemaredesigned
└── migration/
└── Zero-downtime✓ complete
INFRASTRUCTURE/
├── taxonomy/
└── Dynamic formsno-code config
├── reputation/
└── Trust scoringuser + item level
└── monetization/
└── Pro tiersubscription ready
1 migration · 3 products · production ready
09THE WORK

VISUAL EVIDENCE

The system in production. Consumer app, admin tooling, and the taxonomy architecture that powers both.

Consumer App

activity feed
search
search 2
upload tc
upload mem
upload mem 1
upload mem 2
upload mem 3
upload showcase type
user profile
user menu
community splash
group join
group chat
group chat attach

Admin Tooling

Types (L1)
Types (L1)
Field Management
Field Management
Add Field Modal
Add Field Modal
Form Builder
Form Builder
Visibility Rules
Visibility Rules

TAKE FLIGHT

Interested in what we could build together? Every project starts with a conversation about what you're trying to achieve.

HELLO@INTRSTLR.CO
FOR SMALL BUSINESSES WITH BIG IDEAS