B-Side

Social app changing how we recommend and share songs to our friends.

B-Side home page in view with a large B-Side logo in the background

Music listeners are bored by algorithm-driven streaming that pushes passive listening, leaving them craving meaningful, socially-driven discovery.

Questions we asked ourselves:

  • How do current algorithmic recommendation systems impact a user's perceived sense of discovery, and at what points does convenience transform into boredom?
  • In what contexts do users actively seek out human-led curation as an alternative to algorithmic suggestions?
  • What kind of platforms do users currently use to discover new music? Are there any technical or social barriers that prevent users from engaging in shared taste discovery?

Interviewing our potential users

Interviews with 20 active and passive listeners revealed key insights into their music discovery habits, emotional drivers, behaviors, and core pain points. Below is an image of our user personas:

B-Side personas for active and passive listeners and their motivations, pain points, and behaviors
Two friends DJing together
"I use Spotify because all my friends use it. I enjoy seeing what other people are listening to."

From our interviews, we quickly found that:

75% of people use Spotify as their main streaming service, largely for its social features.
80% of music listeners say that they are "tired." Finding new music is a large time commitment.

Positioning ourselves on the competitive landscape

Passive listeners rely on algorithms and favorites, while active listeners discover music on social media like TikTok and Instagram. This insight shaped our strategy to find that "unique space" in a crowded market.

Competitive landscape based on Communal/Isolated and Human-social/Algorithmic axes, showing where B-Side fits in (top right)

What we learned (& the opportunity)

Users aren't lacking music. Rather, they are lacking meaningful context. The core opportunity isn't a better recommendation algorithm, but a social space that sparks personal conversations over data-driven playlists.

Drafting the core value proposition

For music enthusiasts, whether casual or active, who feel exhausted by algorithmic recommendations, B-Side is a social music network that enables human song discovery. Unlike traditional streaming giants and social media platforms, B-Side turns music sharing into a community-driven conversation.

Sample render of B-Side home page with a friend sharing a song and a note

Identifying must-have features

  • Adding notes to music you share
  • Music preview (30 seconds to see if you digging the music or not)
  • Calendar/catalog of all the music you saved/shared
  • Apple Music + Spotify integration and cross-platform compatibility

Creating the application map

After defining B-Side's core features and value proposition, I mapped the application architecture to outline the user flow and visualize how users achieve maximum value.

Application map that shows the user flow

(Click for larger image)

Bringing the map to life

Because the home page is critical to hooking users, we focused heavily on seamlessly integrating the note feature without cluttering the music metadata (and following metadata guidelines!). Below are early concepts that we quickly iterated on after user feedback revealed they were too crowded:

Early concept of B-Side home page with a friend sharing a song and a note

This was our original home page design. We quickly realized it was too cluttered and it was also against metadata guidelines.

Reworked concept of B-Side home page and then a different page with a friend sharing a song and a note

We settled for this home page design. It is a lot more intuitive, follows the guidelines, and gives us a smooth transition to the music friend "feed" page.

Building the visual identity

I collaborated with my visual designer to craft an organic, human-centric aesthetic. We wanted to steer away from sterile tech designs to make the app feel raw, authentic, and unfiltered.

B-Side colors and components for visual identity
B-Side typography for visual identity
B-Side logo icon for visual identity
B-Side logo icon and wordmark for visual identity

Onboarding

B-Side onboarding page where users can set up a profile with a username and profile picture

Set up a profile with a username, profile picture, email, and password.

Song recommendation

B-Side Song Recommendation Image

Share a song and a note on the home page to unlock and view your friends' recommendations.

B-Side Song Recommendation Image

Looking for a specific song? Search for it using the Spotify/Apple Music song library API.

Streak & friends

B-Side Streak & Friend Recommendations Image

Build streaks by sharing songs with friends everyday.

B-Side Profile & Friends Image

Preview, save, or directly add shared songs to your playlist.

Profile & friends

B-Side Profile & Friends Image

View all of the songs you shared and saved.

B-Side Profile & Friends Image

Send and receive friend requests.

What I learned

Constantly iterating has taught me the importance of staying focused on REAL user pain points. As we continue designing new features, our goal is to launch an app that both our team and our users genuinely love using.