Most recommendation engines work as a black box — users get playlists without understanding or controlling why certain tracks are recommended. What if users could set their own audio preferences and receive hyper-personalized music suggestions?
Project Type
Web App
Location
Indonesia
Role
Product Owner
Company
Thesis Project
Industry
Entertainment
Timeline
9 months
To kick off the project, I conducted both primary and secondary research to understand:
Meet Kanina Araya — a 22-year-old music enthusiast from Yogyakarta who listens to music up to six hours a day. As a college student and regular concertgoer, she’s always on the hunt for new indie tracks with specific audio vibes. Her biggest struggle? Spotify’s recommendations often repeat familiar songs and can’t filter music by the unique characteristics she craves. This led us to design Brokoli around her habits, goals, and frustrations — which you can see reflected in her user journey below.
To understand how users interact with Brokoli, we mapped out a typical journey. It starts with boredom — Kanina gets tired of Spotify’s autoplay repeating familiar songs. She then opens Brokoli, chooses a discovery mode, and receives personalized recommendations, which sparks excitement.
As she tweaks filters, the results feel more relevant, and she saves the playlist to her Spotify. The next day, she returns to explore new playlists with adjusted filters. This journey reflects an emotional shift from feeling stuck to satisfied, highlighting Brokoli’s role in refreshing her music experience.
The product was designed to let users:
This flow puts users in control of the discovery process, enabling experimentation while maintaining Spotify integration for ease of use.
Low-fidelity wireframes were created to sketch out each screen and iterate quickly on layout and logic:
The interface was kept intentionally minimal to allow the core concept — tuning your own recommendations — to shine.
Once the flow and structure were validated, I translated them into high-fidelity designs using Figma.
I applied a music-tech visual language inspired by Spotify’s brand but distinct enough to stand alone.
Key design choices:
This project was a pivotal learning experience where I owned the entire product lifecycle — from identifying a user need, translating it into product strategy, leading design, and shipping a usable product.
Through it, I proved that I can think like a product owner, design like a user advocate, and ship like a builder.
If developed further, the product could benefit from:
General Inquiries
rafifthii@gmail.com