Consumable, Inc.  ·  2025 – Present

Radio.com

App Design

Brand identity and full UX/UI across three product phases — infinite-scroll music discovery, a song-rating gamification system, and a cash rewards and referral programme.

Role
Brand & Creative Lead (Sole)
Disciplines
Brand Identity, UX/UI
Platform
iOS & Android App
Timeline
Feb 2025 – Present
Overview

Radio.com is Consumable's flagship consumer app — built to surface music clips, reward users for rating songs, and convert engagement into real cash payouts and brand partnerships.

As the sole brand and design lead, I established the Radio.com visual identity from zero and designed the complete UX/UI across all three product phases as the product evolved.

Phase 1 was discovery-first. Phase 2 introduced rating and earning. Phase 3 monetised that engagement with cash rewards and brand prizes.

3
Product phases
∞
Scroll architecture
dB
Reward currency
100%
Pitch win rate
Brand Identity

A deep-space purple system
built for music

The palette is anchored in Darth Torus — a near-black purple that communicates depth and premium quality. Sea Grape and Lilac Geode provide expressive mid-tones. A State of Mint offers deliberate contrast: unexpected, energetic, impossible to miss.

Darth Torus#1F055E
Sea Grape#3C00B7
Lilac Geode#AF8EFF
Innocent Snowdrop#D4C3FF
A State of Mint#88FCCA
Black#000000
Radio.com brand guidelines
Style guide
Phase 1

Infinite scroll
music discovery

A vertical infinite-scroll feed of music video clips surfaced by genre and era. The player is deliberately minimal — music video fills the screen, slim action rail on the right, song metadata below. Secondary flows extend engagement without breaking the scroll rhythm.

Splash

Splash

Genre explore

Genre explore

Play state

Play state

Michael Jackson

Michael Jackson

Chappell Roan

Chappell Roan

Podcast mode

Podcast mode

Phase 2

Song rating &
earning decibels

Phase 2 transformed the app into an earning engine. Users rate song clips — Hit or Miss — earning decibels (dB) for every vote. Every 10 songs a short ad plays to fund artist payouts. After 200 songs rated, users earn $6.00 in real cash.

Listen

15-second clips

Short clips from emerging artists. Rate each: Hit or Miss.

Vote

Hit or Miss

Binary voting. Every vote earns dB and contributes real discovery data.

Earn

Rate 200 · Earn $6

Every 10 songs triggers a short ad. After 200 ratings, $6.00 unlocked.

SSO entry

SSO entry

How it works

How it works

Rating a song

Rating a song

Song detail

Song detail

Listen only

Listen only

Ad break

Ad break

Phase 3

Rewards &
cash out

Phase 3 monetised the engagement built in Phase 2. Users choose how they want to receive their earnings — PayPal, gift cards, or brand rewards — completing the loop from listening to real-world value.

Payout method v1

Payout method v1

Payout method v2

Payout method v2

Save earnings

Save earnings

All set

All set

Exploration

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. The concept was 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
Outcomes

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.

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

← All workReturn to portfolio Next →MusicIQ Ad Set