Case study · 2024–2025

Love Is Human

Find the next show worth going to.

Love Is Human is a band-driven discovery platform — independent artists publish profiles for their shows, music, and merch, and fans browse to find the gigs worth their Saturday night. As lead UX designer on a three-person team, I redesigned the show-discovery experience for fans, lifting user retention by 25%.

Role
Lead UX Designer
Team
3 designers + eng
Surface
Desktop web
Read time
6–8 min

Final design

Fans land on a feed they can actually filter, sorted by what's relevant to them.

+25%
User retention after redesign
View the live mockup →
loveishuman.com/shows

The problem

Fans were leaving because they couldn't find a show worth attending.

Love Is Human's first version of show discovery was a single chronological feed of every upcoming show on the platform — no grouping, no relevance signal, and filters buried behind an "Advanced search" link almost nobody clicked. Bands kept posting; fans kept bouncing.

The pattern was blunt: returning fans landed on the feed, scrolled a few rows, didn't see anything obviously for them, and closed the tab. That's a discovery problem masquerading as a content problem — there were plenty of shows, fans just couldn't find the right ones.

01

An unfilterable feed

Genre and location filters existed but lived behind an "Advanced search" link most fans never opened. The default view showed every show, everywhere.

02

No relevance signal

Every show looked identical on the card. Fans couldn't distinguish a local favorite from a touring act from a one-off slot — so they read nothing.

03

Sparse detail after click

The show detail page didn't surface venue, price, or the rest of the lineup in one place — fans had to cross-reference multiple screens to decide.

The research

A composite of fan behavior, not a guess.

I ran usability sessions with fans who use platforms like Bandsintown and Songkick to plan their week, and reviewed funnel analytics on the existing feed alongside them. I used ChatGPT and Claude to cluster findings and draft personas, cutting synthesis time roughly in half. The fastest insight came from the sessions themselves: fans were treating the feed like a search engine, but it was behaving like a notification feed.

Out of that came a composite persona — Sam — who stands in for the user the redesign had to win.

SM
Sam Méndez
Age
28
City
Austin, TX
Lifestyle
Two shows a month, mostly local indie + Latin alt
How they decide
Cross-checks Bandsintown + Instagram + a friend group text

Goals

  • Find shows worth their Saturday — local, in their genre, in their price range.
  • Discover new bands before they sell out, without scrolling a 200-show list.
  • Decide whether to buy a ticket in under a minute, without cross-referencing three sites.

Frustrations

  • Feeds default to "everywhere" instead of their actual city — irrelevant shows drown out local ones.
  • Show cards bury the venue and price — info they need first appears last.
  • "Advanced search" treats their normal use case as advanced; the common case has to be the default.
Fans were treating the feed like a search engine, but it was behaving like a notification feed.

The insight that shaped every design decision

The architecture

A four-step conversion path.

The IA had to support a single fan journey end-to-end — from landing to ticket purchase. Everything else on the platform (band profiles, music previews, merch, newsletter) is supporting context for that journey. Mapping it explicitly kept the design honest: every screen had to earn its place in the flow.

01

Land on discovery

Fan sees a feed pre-filtered to their city, sorted by soonest.

02

Narrow down

Genre, when, price, vibe — chips in the right rail update results live.

03

Open show detail

Date, lineup, venue, price tiers — every signal in one place.

04

Get tickets

Tier selection to checkout in two clicks, no leaving the page.

The process · 01

Started on paper.

I sketched the whole platform on paper first — discovery, show detail, band profile, music player, event hero — to lock in information architecture before getting precious about pixels. The four screens that mattered most for the show-discovery story were drawn over a single afternoon, with margin notes capturing the features (filters, newsletter, ticketing, festival resources) and the constraint that fans should be able to decide on a show in under three seconds per card.

Paper wireframe of the discovery feed with sidebar and filters
Home / discovery feed
Paper wireframe of tickets page and band/venue detail
Tickets + venue detail
Paper wireframe of the featured event hero
Featured event hero
Paper wireframe of the band profile, using Las Personas as example
Band profile (Las Personas)
Paper wireframe of the music player on a band profile
Music player

The process · 02

Translated to digital.

Greyscale digital wireframes locked in the grid, component sizes, and IA before any color or brand decisions. The biggest commitment here was the three-column desktop layout — a persistent left sidebar for browse modes, a center feed of show cards, and a right rail for filters always in view. That structure became the spine of every other screen.

Wireframes

Annotated digital wireframes · 3 screens

Open full screen ↗

Greyscale layouts for the discovery feed, show detail, and band profile — each with numbered annotations explaining the IA choices that survived into the hi-fi designs below.

The system

Built a visual language.

Before pushing into hi-fi, I locked the visual system: a dark canvas, white type, and a single purple accent. The dark theme lets show artwork — the most varied content on the page — be the loudest visual element on every screen. Purple anchors interactive moments (CTAs, active filters, badges) so fans always know what's tappable.

Color palette

Canvas#0C0C10
Surface#16161C
Border#2A2A35
Muted#A0A0AD
Text#FFFFFF
Accent#A855F7

Typography — Inter

Display800 · −2%
Las Personas
Heading 1700 · −2%
Shows near Austin, TX
Heading 2700
Filter shows
Body400 · 1.55
An Austin indie triple-bill at Mohawk's inside stage, with support from Boo85 and openers The Static Grove.
Micro600 · 0.12em
SAT · JUN 14 · 8:00 PM

Components

Buttons

Filter chips

Indie Rock Folk Austin

Badges

★ Trending Last 12 tickets All-ages

The process · 03

High-fidelity design.

The visual treatment uses a dark canvas, white type, and a single purple accent — chosen to read as "music platform" rather than "generic SaaS," and to stay distinct from competitors like Bandsintown (red) and Songkick (white). The dark theme also lets show artwork — the most varied content on the page — be the loudest visual element on every screen.

Four screens carry the show-discovery story end to end. Each is a clickable hi-fi mockup, not a flat image:

Screen 01

Discovery feed

Open full screen ↗

The fan landing experience. Persistent left sidebar for browse modes, a center feed of show cards designed for 3-second decisions, and a right-rail filter set that's always visible — replacing the buried "Advanced search" link that 4% of users opened.

Screen 02

Filter modal — the "drill-in" state

Open full screen ↗

When fans want to drill in: genre + sub-genre, calendar with per-day show density, location with neighborhood chips, price range, vibe descriptors, ages — with a live match count in the footer so users see filter impact before applying.

Screen 03

Show detail

Open full screen ↗

Designed for a fan to decide on the ticket in under a minute. Sticky ticket card with tiered pricing, full lineup, venue facts and parking, fan count for social proof, mini-player to preview the band, countdown to doors — every conversion-relevant signal on one page.

Screen 04

Band profile — Las Personas

Open full screen ↗

The band's mini-website inside Love Is Human. Carousel hero with hoverable member avatars, stat strip for credibility, tabs for Music / About / Press / Merch, and an upcoming-shows list that's the main conversion path back into the discovery loop.

The work didn't make Love Is Human prettier. It made it findable.

What changed when filters moved from "Advanced search" to the right rail

The outcome

Fans came back.

The headline result was a 25% lift in user retention on the platform after the redesign shipped — fans were finding shows they wanted to attend, and coming back to find more. The filters that had been buried behind "Advanced search" now lived in the right rail and were used regularly. The show detail page, by surfacing venue, price, and lineup together, did the conversion work the discovery feed couldn't.

+25%
User retention

Measured after the redesigned show-discovery experience shipped to fans on the Love Is Human platform.

Reflection

What I'd do differently.

Ship the filters before the visual refresh.

Most of the 25% retention lift came from putting filters in front of fans, not from the dark + purple visual treatment. If I could re-cut the project, I'd ship the IA changes a sprint earlier as a pure functional update — then layer in the design system afterward. Faster impact, cleaner attribution.

Mobile should have been first, not last.

Desktop was the right scope for the case study and for the original brief, but most fans actually browse shows on their phone in line for coffee or on a lunch break. The desktop design holds up — but a phone-first redesign would have surfaced different priorities (one-tap "shows near me," map view) and probably moved retention further.

Next case study

Battery House