App Analysis

Although Spotify is already a good app by itself, we identified features we thought the app was missing. The problem was that the app did not really have a feature to connect people. In this case, we took the opportunity to create a matching system that matched users with similar music taste. To accommodate all users, we decided that it would be better to have the feature open to any purpose as opposed to it being exclusively for dating.

Ideation

This part of the process involved our team sketching out our concept ideas which included visuals, texts, and other information.

Visual Research

We explored other apps with a matching system such as Tinder. Our challenge was to integrate this feature into Spotify without making it look like it is made specifically for dating. We based our concept design on Spotify's UI and had the idea of swiping user profiles left and right the same way you swipe to switch between songs.

User Persona

The persona that we created reflected the demographic of who might use the feature. More specifically, our target audience are music lovers who yearn for something more out of the app; something that will allow them to connect and share their music taste with others.

Visual Identity

We based our style tile off of Spotify’s brand identity which included colours, typography, and the overall design of their UI. Although Spotify has a lot of dark themes, they also use a ray of bright colours for contrast.

UI Flow

Our team created our wireframes on paper to simulate how the feature would function in the real world. This method was helpful as it gave us a feel of the UI task flow and if it made sense with the feature's main purpose.

Prototype

When designing the prototype, I used Figma templates for Spotify’s visual elements which helped me a lot with my process as I only had to worry about designing the feature. I made sure that the feature did not seem out of place by incorporating the style tile we made into my design.