01 · Case Study · First Project

Designing a
Concert Reminder
System.

A system that helps users stay aware of upcoming concerts — so they never miss an artist they love.

Milou Naaijer · UI/UX Design · Spotify · Concept

I was scrolling through Spotify looking for a song when I caught a notification that Bruno Mars was coming to Amsterdam. I dismissed it without thinking and moved on.

Some time later, I was working a shift at the restaurant when I overheard two kids telling each other they were going to see Bruno Mars. That hurt. I remembered the notification immediately. And I already knew — someone that famous, the tickets were gone.

I never wanted to miss something that important to me again. So I decided to fix it.

Chapter 01 · The Problem

Where is the problem?

Users receive a single, low-impact notification about concerts from artists they love. Easy to dismiss. Easy to forget.

As a result, they are not informed about the ticket sale day. And because these moments are time-sensitive, users lose opportunities to attend concerts of artists they actually care about.

Easy to dismiss.
Easy to forget.

Chapter 02 · The Brief

Design a system that helps users stay aware of upcoming concerts and act on time through clear, accessible, and timely reminders — all within Spotify's existing design system.

Chapter 03 · Process

How I approached it.

Before opening Figma, I sketched the flow on paper — understanding which screens it needed and how they would fit into Spotify's existing system.

When it came to designing the actual concert feature, I researched how Spotify handled similar elements, studying their design language, components, and patterns — so anything I added would feel like it genuinely belonged there.

The interactive prototype was built as I designed. Screen by screen. Connection by connection.

Chapter 04 · The Solution

Here is my solution.

A reminder system with multiple alerts — so users never rely on a single notification. A dedicated Concerts page, added to Spotify's existing navigation menu, so it is always one tap away.

And one decision that mattered to me: this is not a Premium feature. Making it Premium would defeat the purpose. This is for everyone.

Chapter 05 · Key Decisions

Five choices behind the design.

01

A dedicated Concerts section

Users needed a clear, permanent place to track and explore the concerts they care about — not a notification that vanishes. Surfacing it as a destination in Spotify's navigation made it feel like part of the product, not an afterthought.

02

Multiple reminders, not one

A single notification is the root cause of the problem. The system sends staged reminders across the days leading up to the ticket sale, so missing one does not mean missing all of them.

03

A countdown to create urgency

Abstract dates do not pressure action. A visible countdown turns a passive reminder into a time-aware one — the user feels the window closing.

04

A social layer

Concerts are shared experiences. Letting users invite friends directly from the reminder turns a personal alert into a group plan, which in turn makes it more likely that anyone acts in time.

05

A Browse CTA for continued discovery

After one reminder is set, what comes next? The Browse CTA keeps users inside the feature, turning a single interaction into ongoing engagement with the concert catalog.

Chapter 06 · Reflection

What I learned.

The biggest thing I learned from this project was how much you learn by just doing. I had an idea. I was scared to start. I started anyway.

The prototyping process taught me a lot. The first interaction took me ages. By the end, something that felt overwhelming at the beginning took me seconds. I started completely freaked out and finished actually understanding what I was doing. That felt like a big deal.

Looking back, I am not sure what I would do differently. It was my very first project. Everything I know about designing in Figma, building flows, and thinking about users — it started here.

— Milou

Chapter 07 · The Prototype

Try it yourself.

The full flow, exactly as it was designed — screen by screen, connection by connection.

Fig. 01 — Interactive Figma prototype. Use the controls to navigate. Open in Figma ↗