← ALL WORK

(01) — UX DESIGN · ARTIST PLATFORM

ECHO — artist discovery, built for connection.

An immersive platform concept that unifies artists, producers, and labels, helping emerging musicians build their network, share their work, and get credited and paid for every collaboration.

ROLE
Product Manager
TIMELINE
2026 · Iteration 02
TOOLS
Figma, FigJam
PLATFORM
iOS Mobile
ECHO welcome screen ECHO discover feed ECHO artist profile ECHO royalties home ECHO split sheet

OVERVIEW

A home base for independent artists.

ECHO is an immersive platform concept for artists, built around discovery, connection, and a cohesive visual identity. Many are finding that they are left without resources, connections, and opportunities to kickstart their journey in breaking through the industry.

This project focuses on the unification of artists, musicians, producers, record labels, and other individuals active in the field. Through this, users will have an accessible opportunity to build their network, share their work, and overall, make the artist discovery process easier for professionals in the industry.

CASE STUDY

From scattered to structured.

01

Problem

With the number of independent artists on the rise within the music industry, many are finding themselves unsure of how to capitalize on the use of varying social media platforms to promote their music, make connections, and, overall, kick-start their journey breaking into the industry.

02

Research

Consolidated with a combination of personal creative practice, observation of emerging artists, and analysis of early-stage artist development workflows via social media such as TikTok and Instagram.

03

Direction

Same bones as the first iteration, re-skinned in pastel blues. Every surface now has a path into a credited, paid collaboration, and a shared split bar keeps every collaborator looking at the same truth.

04

Projected Outcomes

Help emerging artists define their identity earlier; reduce misalignment between sound, visuals, and branding; support more efficient collaboration between artists, producers, and creative teams; and give A&R teams a structured starting point for development conversations.

(02) — SCREENS & FLOWS

Three flows, one ecosystem

12 SCREENS

FLOW A

Onboarding

A ripple collage introduces the brand idea: collaborators circling the artist. Identity setup makes “define your identity earlier” tangible from the first minute.

A1 · WELCOME

Lowercase wordmark, a ripple collage of real collaborators, and sentence-case calls to action.

A2 · SIGN UP

Stage name comes first; social sign-in is restyled as soft pills.

A3 · IDENTITY SETUP

New in this iteration. Role, sound, and palette chips use pastel-blue fills for the selected state.

FLOW B

Discover, profile, connect, create

Every surface now has a path into a credited, paid collaboration.

B1 · DISCOVER

Masonry feed with pastel tags (Open to collab, Producer, New track) and a floating nav with the new Royalties tab.

B2 · PROFILE

Baby-blue header, a Collabs stat, and Posts / Music / Credits tabs. “Start a collab” is the primary action.

B3 · CONNECTIONS

Collaborator strip with status rings; threads show Collab, Split ✓, and Pending tags.

B4 · MAKE A POST

Three post types as pastel cards; the collab toggle feeds a draft split sheet.

FLOW C · NEW

Royalties & collab splits

Aqua means money in, cornflower needs attention, periwinkle is an action. The shared split bar is the hero element across sheet, review, and statement.

C1 · ROYALTIES HOME

Aqua balance card, quick stats, and every collab with a Paid, Pending, or Draft status pill.

C2 · NEW SPLIT SHEET

Master and Publishing tabs, a live split bar, and color-matched percent pills that must total 100% to send.

C3 · REVIEW & SIGN

Signature tracker with nudges; disputes return the sheet to draft rather than stalling.

C4 · TRACK EARNINGS

Monthly bars, breakdown by source, and a split recap. “Share with A&R” exports clean ownership data.

C5 · CASH OUT

Clear amount, method, fee, arrival time, and tax status before confirming.

NEXT PROJECT

CEM Physical Therapy