Consumable, Inc.  ·  2025 – Present

Radio.com

App Design

Brand identity and full UX/UI across three product phases — infinite-scroll music discovery, a song-claiming gamification system, and a tier progression platform with weekly crown competitions.

FIND IT FIRST. CROWN IT.
Role
Brand & Creative Lead (Sole)
Disciplines
Brand Identity, UX/UI
Platform
iOS & Android App
Timeline
Feb 2025 – Present

Radio.com is Consumable's flagship consumer app. The Tastemaker V2 phase transformed it from a passive discovery experience into a competitive music-taste platform — complete with tier progression, weekly crown competitions, and a permanent claim record.

As the sole brand and design lead, I owned the full system: brand identity, UX/UI, gamification architecture, and the pitch deck that secured stakeholder buy-in before a single line of production code was written.

The Tastemaker mechanic borrows from Foursquare's check-in model and applies it to music discovery — claim a track early, watch it chart, build your Crown Score. Every new-business pitch that included this UI was won.

4
Tier levels
20
Song listening tax
Weekly crown reward
8-Fig.
Artist investment fund

Live Demo

The app, in motion.

A walkthrough of the full Tastemaker experience — onboarding, discovery feed, claim mechanic, haptic feedback, and tier progression.

Splash, sign-in &
explainer flow.

Three onboarding explainer screens walk new users through the core loop — Discover → Claim → Earn Your Crown — before a smooth two-step signup captures music identity and genre preferences. The splash introduces the brand proposition immediately: "Find it first. Crown it. Win something real."

Splash screen — Find it first. Crown it. Win something real.
Splash
Sign in screen
Sign in
Explainer 1 of 3 — Discover new songs first
Explainer 1/3 — Discover
Explainer 2 of 3 — Hold to claim your timestamp
Explainer 2/3 — Hold to Claim
Explainer 3 of 3 — Earn your crown
Explainer 3/3 — Earn Crown
Create account screen
Create account
Sign up — tell us about yourself
Profile setup
About you — music identity, genre preferences
Music identity

Discovery feed &
claim mechanic.

The discovery feed is the heart of the app — a TikTok-style infinite scroll of 15–30 second clips. Each clip is a potential claim: hold for 1.5 seconds, feel the haptic pulse, and your timestamp is locked permanently. The CD-player visualiser and concentric ring progress indicator give every listen a tactile, focused quality.

The claim countdown screen shows the user's claim position in real time as others claim the same track — creating genuine scarcity tension without manufactured urgency.

Discovery feed — CD player visualiser, Abracadabra by Lady GaGa
Discovery feed
Claim this track — countdown to lock claim position
Claim countdown
Settings — Crown Score, Apple Music connect, privacy
Settings
Profile page — tier progression, trophy case, claimed tracks grid
Profile

20 songs to
earn your claim.

New users must listen through 20 clips before claiming unlocks. This isn't friction — it's the mechanism that makes the claim mean something. Everyone earns it; no one skips the line. The progress dots fill in real-time, and milestone callouts fire at key moments to maintain momentum toward the payoff.

Listening tax — song 1 of 20, Billie Jean
Song 1/20 — start
Listening tax — song 12 of 20, halfway callout
Song 12/20 — halfway
Listening tax — song 19 of 20, one more song callout
Song 19/20 — almost there
Listener tier unlocked — 20-song listening tax complete
Listener unlocked
Curator tier unlocked — first claim made
Curator unlocked
Tastemaker tier unlocked — 3 charted picks
Tastemaker unlocked

Four-tier progression

Listener
Complete 20-song listening tax
Curator
Make your first claim
Tastemaker
3 claims chart in their genre
Oracle
Hold a Crown in any genre

Gamification that
earns its friction.

Every design decision in the gamification system was pressure-tested against one question: does this make the claim feel more valuable, or just harder to get? The listening tax, the haptic claim moment, the permanent claim number — all justified by that test.

Listening Tax

Gate by effort, not payment

Requiring 20 listens before claiming access creates a shared baseline — every Tastemaker earned their position the same way. Free-to-play with a genuine skill/effort barrier keeps the leaderboard credible.

Claim Mechanic

Hold gesture = intention signal

A 1.5-second hold filters out accidental claims. The haptic pulse on lock-in creates a physical "I heard this first" moment — the kind of tactile confirmation that makes a timestamp feel permanent and owned.

Progress Dots

Milestone callouts, not just counters

At 12/20 a "Halfway there" card fires. At 19/20 a gold "One more song" teaser appears. The counter alone would feel like a chore; the contextual callouts make it feel like a quest with a known payoff.

Tier Cards

Full-screen unlock moments

Each tier unlock gets a dedicated full-screen badge moment with a clear "what you unlocked" list. The emotional peak of unlocking Tastemaker is treated with the weight it deserves — not dismissed as a notification.

Weekly reset —
win or keep going.

Every Monday the leaderboard resets. One winner per genre gets the Crown. Everyone else gets a personalised results screen — showing their best claim, Crown Score progress, claim streak status, and a countdown to the next pool. The design goal: make losing feel like motivation, not disappointment.

Winner announcement — This Week's Crown, Pop, @djprestige, Tastemaker
Crown winner announcement
Try again next week — Not this week @junecuratesit, Crown Score +120pts
Try again next week

Winner screen — earned moment

The Crown winner gets a full-screen announcement with their claim stats — position #248, 6h predicted earliest, 94% accuracy score. A "Share This Crown" CTA lets them broadcast their win, driving organic referral.

Near-miss screen — retention hook

Non-winners see their best claim, Crown Score delta (+120 pts), claim streak status (15 consecutive weeks), and a countdown to the next Monday pool. The streak preservation callout is the key retention mechanic — no one wants to break a streak.

How the concept
became a brand.

The Tastemaker proposal was the starting gun. What began as a gamification pitch evolved into a full brand system governing Radio.com across every touchpoint — app, web, social, and advertising. Below: the original proposal deck that aligned stakeholders, and the brand guidelines that grew out of it.

Colour system —
June 2026.

The full Radio.com colour palette as defined in the June 2026 brand guidelines. Crown Gold and deepened neutral dark surfaces were added in this update to support the Tastemaker gamification system.

Darth Torus #1F055E
Sea Grape #3C00B7
Lilac Geode #AF8EFF
Snowdrop #D4C3FF
Brain Freeze #00F0FF
A State of Mint #88FCCA
Crown Gold #FFD700
Black Htun #0E012D
Super Black #1A1200
Unimaginable #4A5568
White #FFFFFF
Tastemaker Proposal — Original Pitch Deck

The strategic proposal that started it all — gamification architecture, tier structures, badge system, Foursquare mechanic mapping, monetization layer, and all seven original app screens. Built using Gemini, Google Stitch, and Claude Code. This deck aligned stakeholders before development began.

Brand Guidelines — June 2026

The full Radio.com brand system — logos, colour palette, typography (Syne + Space Grotesk + Montserrat), iconography, imagery direction, and component standards. Governs the app, web, and ad creative without design drift.

Social app
concept.

Beyond the core app, I explored what Radio.com could look like as a social platform — a direction where music discovery becomes a shared, community-driven experience. Built using Google Stitch, exploring how the brand system could extend into social feeds, artist profiles, and collaborative listening.

Google Stitch Radio.com — Social App Exploration stitch.withgoogle.com

A system that
converts.

Every new-business pitch that included Radio.com UI and brand assets was won. The rating mechanic gave the sales team a concrete differentiation story: Radio.com makes listeners active participants, not passive audiences.

The gamification layer proved compelling enough that the MusicIQ interactive ad format was purchased as a co-branded product by State Farm — validating the engagement hypothesis commercially.

Brand guidelines I established governed Radio.com across web, app, social, and advertising touchpoints — maintained without design drift throughout.

← Back toAll Work Next →MusicIQ Ad Set