Problem
Why Jukeboxd exists
71% of young people reported that music is a large aspect of who they are. Many in person conversations surround music and its meaning, but the majority of people don't have a platform online to share these thoughts.
Social music platform
Jukeboxd
Jukeboxd is a social music review platform built to feel more vibey and unique than existing music review apps. The goal was to appeal to a broader audience by pairing a retro-inspired brand with a social experience for discovering, reviewing, and talking about music.
Research
How I validated it
I conducted 10 user interviews to understand the pain points and desires of young music enthusiasts. Some interview were encouraging, while others were not. My team also conducted a survey with 100+ responses, in which over 50% claimed they had interest in a platform like Jukeboxd.
Decisions
What shaped the product
-
1
Retro visual identityExisting platforms lacked identity or uniqueness. We wanted a brand that would be attractive to young music enthusiasts. I created a visual mockup of the website in Figma.
-
2
Mood TagsAlthough not implemented in the version shown above, the goal is to ensure content is relevant and engaging through mood tags. Users mark songs with a mood label when they post a review.
-
3
Database DesignThis project was done in a team of 5 for a database class. We designed the database schema and implemented the SQL queries for data storage and retrieval.
Jukeboxd started as my own idea, born out of wanting to build something for my wife, who loves music. When the chance came to build it out in a class project, I proposed the idea to my team and assisted in the entire backend: data design, tech stack, hosting, etc. On the research side, I ran 10 user interviews and analyzed survey results to validate the concept, then translated those findings into product design work in Figma. The visual execution isn't where I'd want it long-term, but the process taught me how to carry an idea from personal motivation through validation, design, and technical implementation.
Product design
ChatGPT helped pressure-test frontend decisions. It helped us decide on the overall layout and user flow. It also assisted in research of different backend designs.
Implementation
Codex translated the design into CSS. I created it in figma, but then used the coding tool to implement that frontend design and link it to our database.
Overall Usage
Because this was a class project, the AI tools were primarily used for research and design assistance, rather than production-level implementation.