time travel through music

Personal Design Project

Overview:

You can easily track your social media posts back to the creation of your profile, but what about your music? What was your favorite summer-jam from 3 years back? Hits Rewind is a personal project I worked on to design the experience of what it would be like to live in the past through your music taste.

RESEARCH

I began my process by interviewing three self-proclaimed music lovers to gain insights on current pains and successful of music apps. My goal was to understand the audience’s uses of playlists, their desire to look “back in time”, and what’s missing from their current music platforms.

Some direct quotes that helped guide my project were: “I love the Spotify Wrapped feature that shows you your music taste for the year. The presentation of that is so cool.” Tyler, junior at University of Michigan. “I think what’s cool about looking back in time is the data-side of it. Like I can listen to any music I want on my own, I can’t calculate my own music statistics.” Megan, sophomore at University of Michigan. “To me aesthetics are everything, I don’t want to just send a screenshot of something to my friend. I want both of us to enjoy the process, the music will be good no matter what.” Georgia, junior at University of Michigan.

“I can’t calculate my own music statistics

"The aesthetics are everything, the music will be good no matter what.”

From these interviews, I compiled a list of project objectives:

  1. Generate comprehensive data & statistics for users based on their history

  2. Recommend songs from similar genres/artists

  3. Create an experience that incentivizes users through well-thought design

 
circles (3).png
 

Problem:

Music lovers want to have a curated playlist based on what they were listening to that exact day the previous year so they can rediscover their music and learn the break-down of their music.

Goal:

To provide users with playlists and music statistics that they are able to share with their friends beyond sending screenshots.

STRATEGY

Now that I had my objectives and target audience research down, I began the early stages of wire framing. Keeping in mind what my users prioritized from this kind of app, I created three panels to reflect my research. I went through 5+ hand drawn wireframes to reach the digital copy.

Screen Shot 2019-07-31 at 11.13.13 AM.png

A second phase to my strategy had to do with branding the app. Since aesthetics were such a crucial part of the interviews, I created a style palette. I decided to pick a bright color scheme juxtaposed against a harsh background because it speaks to a younger audience. I chose colors similar to the Instagram aesthetic so to be recognizable to a young viewer but paired against a dark background to be noticeably different. The fonts that I chose are simple and clear as to not overwhelm or confuse the viewer.

0_i7Qus7eE5qYMZQ41.png
0__n9mf9_5dL2yuboA.png

SOLUTION

To the left, you can interact with the final solution of this app. This is the culmination of my research and strategy. To learn more about the process, visit my Medium article at this link.

What’s Next?

No project is ever truly done. Especially being that this was a first stab, personal project I hope to continue to develop it’s design as my design style elevates and grows.