Case Study - Design by Proxy

Social-first gear discovery for musicians and collectors - inventory your collection, entertain offers you never asked for.

Lead DesigneriOS / AndroidLate 2024 - 2026Design System

Reverb treats your '59 Les Paul like a listing. We wanted to treat it like a story.

Reverb and Sweetwater are excellent marketplaces - but they're built for transactions. You list when you want to sell. That's the whole relationship.

Serious collectors own instruments they'll never list publicly. Tone Locker's hypothesis: let people build a living inventory, connect over shared obsessions, and only entertain an offer when someone makes it worth their while.

The old way
List it to sell it
Pure marketplace model. You only appear when actively selling. No community, no passive discovery.
Tone Locker
Inventory first. Offers second.
Build your collection publicly. Let the community find you. Get offers passively - accept, counter, or decline without pressure.

My Contributions

insights
Design Leadership
Founding design partner
Worked alongside the founder from the earliest days, shaping what Tone Locker would be and what it wouldn't. The inventory-first thesis, the collector-not-retail register, the call on which flows had to land in an MVP that could ship and tell a coherent story at the same time. Design at this stage was strategy work with a visual output.
style
Brand, system, and motion
Logo, wordmark, type pairing, the full token foundation, and the motion language that ties the screens together. One coherent identity (dark, warm, gold-on-black) in a category dominated by generic marketplace UI.
route
Core flows and MVP priorities
Designed the journeys that mattered for v1 (inventory, listing detail, the offer negotiation), and helped decide which to defer. A tight set of well-designed flows let the team ship something believable instead of something broad.
monitoring
Measurement and rollout KPIs
Early on, signup and retention were enough. As features got more complex (the offer flow especially), worked with the team to define sharper signals. Offers made and offers converted became the headline metrics, with the gap between them read as a usability problem to chase, not just a number to report.
trending_up
Opportunity design
Visualized monetization paths the company could grow into (the protection and insurance marketplace, in-app upsells, the recurring-revenue layer). Concept work that made future bets tangible enough to evaluate.

Highlights

Logo & Typography
Initial Branding
Logo & Typography
Established the Tone Locker wordmark and the Poppins + Manrope type pairing - a system flexible enough for both the app and marketing surfaces.
Interaction Design
Motion & Delight
Interaction Design
Defined the motion language of the app - transitions, spring physics, and microinteractions that make browsing gear feel tactile and rewarding.

Design System

Color
BG
#141412
Surface
#232320
Border
#363530
Gold
#C8A040
Text
#EDE7DB
Muted
#9C9080
Components
year: 2012color: blackcondition: excellent
Type Scale
Display
2012 Gibson
Heading 1
Les Paul Custom '54 Reissue
Body
Player's grade vintage instrument...
Caption
YEAR: 2012 COLOR: BLACK
Screen Anatomy

A collector's inventory is only as good as its metadata.

Serious collectors know the difference between a 1959 sunburst and a 1960 cherry. The listing screen was designed to honor that precision - every field, every label, every hierarchy decision made with the person who cares deeply about provenance in mind.

Listing Detail
01
Instrument Photography
Full-bleed hero image - no crops, no renders. A collector knows the difference between studio lighting and a real room. Authenticity is the first signal of trust.
02
Owner Attribution
Posted by, not sold by. Framing the listing around the person behind it sets the social register before any transaction enters the picture.
03
Title Hierarchy
Year + Make at display scale. Model as subtitle. Scannable at higher tempos - the way a collector reads a room at a show.
04
Price Tag Chip
The price is a reference point, not a headline. Amber treatment keeps it visible without letting it dominate - this is a conversation starter, not a sticker.
05
Attribute Tag System
Year, color, condition as pills - the same vocabulary across every listing in the system. Collectors can filter by feel before they filter by search.
06
CTA Hierarchy
Reverb.com first as market context - know what it's worth before you ask. Message Owner second as the action. Informed buyers make better offers.
The Offer Flow

Two people. One conversation.

The offer flow was designed from both sides of the table simultaneously. The collector never listed their gear. The buyer couldn't stop thinking about it. Tone Locker brings them together without pressure on either side.

The Collector
It wasn't for sale. Until it was.

The collector added their 2012 Gibson to their locker - not to sell, just to document. When an offer arrived through the app, the price was right. They had a decision to make.

The Buyer
Found it. Couldn't let it go.

The buyer was browsing collections, not a marketplace. When they spotted the Gibson, they opened a conversation. The offer card made the ask feel natural - not transactional.

The Design Principle

The offer card lives in the conversation thread - not a modal, not a new screen. Both sides stay in context. The negotiation feels like a conversation because it is one.

The Offer Flow

Embedding the offer card directly in the message thread keeps context alive - negotiation feels native, not transactional.

Browse
Discover gear through social inventory posts
>
Listing
Inspect specs, condition tags, price reference
>
Message
Open a direct conversation with the owner
>
Offer
Offer card appears inline in thread with expiry
>
Resolve
Accept, Counter, or Reject - all from one view
Funding Round

Protection & Insurance Marketplace

This was a monetization thesis made visual. The insurance flow demonstrated to early-stage investors that Tone Locker could be a community platform and a recurring-revenue protection product simultaneously.

By surfacing the "Protect this gear" upsell at the highest-intent moment - when a collector is viewing their inventory - the conversion path is contextual and low-friction.

Upsell
Upsell
Protect this gear banner surfaces when an unprotected item is viewed
Confirm
Confirm
Gear details and estimated value pre-populated from inventory
Coverage
Coverage
Three-tier plan selection - Basic, Standard, Premium
Quote
Quote
Personalized cost breakdown with monthly and annual toggle
Payment
Payment
Secure card entry with inline billing summary
Protected
Protected
Instant policy issuance and post-purchase onboarding

Building the foundation

The biggest design challenge wasn't the UI - it was resisting the pull toward marketplace patterns. Tone Locker required constantly asking "what does a collector actually want right now?" rather than "what does a seller need?"

The design system work paid off immediately. With a consistent token set the team moved fast without relitigating color or type decisions. The gold-on-dark language gave the app a distinct personality in a space dominated by generic marketplace UI.

What worked
Token-based system scaled fast across screens
In-thread offer card kept negotiation contextual
Attribute tag pattern is consistent and extensible
Dark + gold aesthetic is immediately distinctive
What's next
Community feed with gear content layers
Collection value tracking over time
Offer history and negotiation analytics
Deeper collector profile beyond inventory
Now in Early Access

Your collection deserves a better home.

Tone Locker is available now for early adopters. Inventory your gear, connect with fellow collectors, and entertain offers you never asked for.

Design by Proxy
Tone Locker 2026