PV
← Back to work

Band Width

A React Native app that connects local musicians, fans, and venue hosts.

Overview

As the UX/UI designer on Band Width, I led the project from interview to final prototype over a school year. I conducted research on how musicians, fans, and venue hosts currently find and book live music, then designeda single app that serves all three.

Because Band Width has to work for three very different kinds of users at once, my role centered on reconciling competing needs without letting the product feel like three apps stitched together. I focused on a shared visual language while keeping the experience fast, mobile-first, and low-friction for people booking or discovering a show on the go.

The problem

Independent musicians struggle to find venues willing to book new acts, and fans have no single place to discover live shows happening nearby. Venue hosts, in turn, spend hours coordinating bookings over email and text with little visibility into an artist's fit or draw.

Band Width sets out to close that gap with one app that serves all three groups, basically a shared home base for discovering, booking, and promoting live music.

My role

  • Led user research: recruited and interviewed musicians, fans, and venue hosts to understand each group's booking and discovery habits.
  • Mapped three user flows: designed distinct but interoperable experiences for musicians, fans, and hosts within one shared app.
  • Built the prototype: took wireframes to a high-fidelity, testable Figma prototype across 40+ screens.
  • Ran usability testing:planned and moderated sessions with each user type and iterated on booking and discovery flows.

Research & Design

Understanding three audiences at once

Booking a gig, discovering a show, and running a venue's calendar are three completely different jobs-to-be-done. Before sketching anything, I needed to understand how each group currently gets by and where the friction was worst.

As a musician,

Gig discovery & booking

I want to see which nearby venues are open to booking new acts, so I can pitch myself without cold-emailing into a void.

Fan-facing profile

I want a shareable profile with music links and upcoming shows, so fans can follow me between gigs.

As a fan,

Nearby show discovery

I want to browse live shows happening near me this week, so I don't miss out on acts I'd actually want to see.

Following artists

I want to follow musicians I like so I'm notified the next time they book a show nearby.

Wireframes & visual design

With three flows to reconcile, I focused on a shared visual language and navigation pattern that would feel native to each audience without forking the product into three separate apps.

  • One shared component library across musician, fan, and host views to keep the app feeling cohesive.
  • Role-aware navigation so each user only sees the tools relevant to them.
  • Low-friction booking flow, reducing what used to be an email thread to a few taps.

Key screens

Testing & Iteration

Testing results

Ran moderated sessions with each user type, then refined booking and discovery flows based on where testers hesitated.

  • Fans moved through show discovery with almost no guidance needed.
  • Musicians hesitated at the booking-request step. The venue's "fit" criteria weren't visible up front.
3
Rounds of testing
40+
Screens tested
3
User types covered
27+
Participants total

To fix the booking hesitation, I surfaced each venue's genre fit and typical draw directly on the booking-request screen, so musicians could gauge fit before spending a request. The revised flow tested cleanly in the next round.

Building for scale

Supporting three user roles pushed the component library further than a typical single-flow app would have. Every component needed to flex across contexts without losing consistency.

Brand colors
Typography

Fraunces: Headlines

Inter: UI & body copy

IBM Plex Mono: timestamps & data

Components

Show card · Genre/tag chip · Role toggle (Fan/Band/Host) · Bottom tab bar · Filter sheet · Notification row

Reflection

Results & impact

  • Full prototype delivered: Took the project from first interview to a tested, high-fidelity Figma prototype spanning 40+ screens.
  • Three flows, one product: Designed distinct musician, fan, and host experiences that share a single, consistent system.
  • Validated with real users: Usability findings from 27+ participants directly shaped the final booking flow.

Key learnings

  • Multi-sided products need shared language early: Designing three flows in isolation first would have made unifying them much harder later.
  • Small details drive trust: Surfacing venue "fit" data was a small addition with an outsized effect on musician confidence.
  • Solo research still needs structure: Running research across three audiences alone required a tighter interview script to stay consistent.