joonlovesmusic

(

(

3

3

)

)

A personal website for my biggest hobby, 'music'. I rate all the possible musics in this world.

TIMELINE

December 16 - December 23, 2025

ROLE

Product Design

TOOLS

Figma

Cursor

Claude Code

Supabase

TEAM
TEAM

Just me!

/

Overview

A personal obsession, turned into a structured music database.

This is the most personal thing in my portfolio: a site that shows exactly how I hear music. Every song gets a 0–100 rating, and the experience centers on detail-rich pages for each song and artist, where you can jump between albums and creators to see their average rating, a kind of power ranking for the people I listen to most. Each entry keeps a rating history and time-stamped comments, because my taste changes and I wanted the site to show that instead of pretending my opinion is fixed. You can play any track through an embedded Spotify player while you read.

We led the end-to-end design of a cohesive hardware-integrated ecosystem from scratch, focusing on democratizing home automation for mass-market users.

/

Overview

A personal obsession, turned into a structured music database.

This is the most personal thing in my portfolio: a site that shows exactly how I hear music. Every song gets a 0–100 rating, and the experience centers on detail-rich pages for each song and artist, where you can jump between albums and creators to see their average rating, a kind of power ranking for the people I listen to most. Each entry keeps a rating history and time-stamped comments, because my taste changes and I wanted the site to show that instead of pretending my opinion is fixed. You can play any track through an embedded Spotify player while you read.

/

Process: the admin that does the boring part

Adding a song should take one paste, not ten fields.

A rating site is only worth using if adding music is effortless, so I designed a private admin dashboard built for speed. I connected Supabase to the Spotify API so that pasting a single Spotify link automatically pulls the title, album, artist, cover art, and release date, no manual data entry. That one decision is what keeps the database growing instead of going stale, because the friction of adding a song is almost zero.

We led the end-to-end design of a cohesive hardware-integrated ecosystem from scratch, focusing on democratizing home automation for mass-market users.

/

Process: collections

Ratings are the data. Collections are the personality.

Numbers alone don't capture how I actually relate to music, so I added a Collections page for editorial-style lists: a Top 10 of 2025, a set of underrated shower songs, whatever mood I want to group by. The structured ratings give the site rigor, and the collections give it a voice. Together they make the site feel like me and not just a spreadsheet with a skin.

/

Reflection

Designing and building my own product, start to finish.

I built this in a week over winter break, and the point for me was owning every layer: the rating criteria, the page design, the database, the admin tooling. Designing the data model and the automation taught me as much as designing the screens, and it's a reminder that the parts a user never sees shape the experience just as much. It's also just a joy to use, which is the real test for something this personal.

We led the end-to-end design of a cohesive hardware-integrated ecosystem from scratch, focusing on democratizing home automation for mass-market users.

/

A personal obsession, turned into a structured music database.

OTHER

PROJECTS

Get in touch