Sitemap
Bootcamp

From idea to product, one lesson at a time. To submit your story: https://tinyurl.com/bootspub1

Case study: Designing a new interactive fan tier for the Apple Music App.

9 min readMay 14, 2021

--

My Role:

Four iPhone screen mockups showing final hi-fidelity wireframes.

The Brief and The Business Problem

“Estimates suggest that Apple Music had 72 million subscribers worldwide in June 2020, up by four million from December of the previous year. Apple Music is the second largest music streaming service worldwide, competing with market leader Spotify.” — statista.com

The User Problem

“Dua Lipa’s Thanksgiving-weekend Studio 2054 livestream was a smashing success: It drew five million viewers — a number that Lipa’s team says is a new record for livestreams.” — Rolling Stone

Discover — let’s really understand the problem

Competitive Analysis

Comparative Analysis

User Insights

“Enjoyment of music comes from the connection to the artist — I want to understand where they’re coming from.”

“I’m not fussed about their [artists] personal lives, which we get now anyway.”

“I like behind the scenes content and seeing how things are made - but I don’t care about the artist’s ‘life’.”

“I don’t care enough to pay for extra content as there is already so much available and too many subscriptions.”

“I don’t care about the other users on the app.”

Discover Learnings:

Define — who are we helping?

Primary Persona — Martin ‘The Weekend Warrior’

Image and template of the user persona Martin, including scenario, goals, needs and pain points.
Primary Persona

What are we helping them do? — How Might We…

The main user flow through the proposed app solution.

Define Learnings:

Develop — what did we try?

A collage of images showing paper sketches from the team design studio.
Design Studio №1
Annotated paper sketched wireframes showing some comments from users. What do I go from payment to the waiting room? What do all these icons mean? What is the afterparty?
Marvel mock-up was tested on 6 users.

Challenges we encountered:

“Why would I donate extra to such a big artist like Dua Lipa?”

A before and after image of donation button iterations that were made from lo-fidelity wireframes to hi-fidelity.

What is the afterparty?

A before and after image of behind the scenes content iterations that were made from lo-fidelity wireframes to hi-fidelity.

Develop Learnings:

Deliver — Proposed Solution

Final Prototype

Next Steps

Key Learnings

--

--

Bootcamp
Bootcamp

Published in Bootcamp

From idea to product, one lesson at a time. To submit your story: https://tinyurl.com/bootspub1

Catherine Gates
Catherine Gates

Written by Catherine Gates

UX Designer | Founder of The Experience Made

No responses yet