Spotishare

Helping you mix by mixing your music 

Screen Shot 2018-11-12 at 2.14.35 PM.png
Screen Shot 2018-11-12 at 3.02.53 PM.png
IMG_6570.PNG

Visual Direction

Since Spotishare uses the Spotify API, the goal was to employ similar styling to Spotify's user-interface. This creates a sense familiarity to ensure user's are still tapped into a similar music playing  journey.

Screen Shot 2018-10-28 at 3.17.27 PM.png
ipad-png-ipad-png-transparent-image-1777

Conceptualiziation

Everyone has different tastes, but there is definitely some overlap. How do we set the perfect vibe, listening to music that is the intersection of everyone's favorite songs? My roommate and I wanted to create an application to solve that problem.

Screen Shot 2018-11-12 at 2.35.26 PM.png

Conceptual Design

Designing a product that felt musical, personal and exclusive all at once was itself a challenge. But it wouldn't feel right to build for such a premium community without thinking where and how transitions would actually be beneficial to the experience. 

We created

Spotishare

spotishare.png
Spotishare3.png
spotishare2.png

Spotishare is a digital platform that allows you to log in with your Spotify information  it finds songs that they and their friends mutually enjoy. 

Dream it, Design it

We decided to create and design a website that enables individuals to easily log in and find playlists everyone listen to. To create a sense of familiarity, I designed the website's UI with a similar color scheme and style as Spotify. 

1

Visit the home page

laptop-mockup.png
Screen Shot 2018-10-28 at 4.02.18 PM.png

2

Log into Spotishare!

What playlists do you want to share?

laptop-mockup.png
Screen Shot 2018-10-28 at 4.40.28 PM.png

3

Select your playlists

What playlists do you want to share?

laptop-mockup.png
Screen Shot 2018-10-28 at 4.41.44 PM.png

4

Select friend's playlists

What playlists does your friend want to share?

laptop-mockup.png
Screen Shot 2018-10-28 at 4.47.31 PM.png

5

Wait 

The app scans both users' playlists

laptop-mockup.png
Screen Shot 2018-10-28 at 4.47.48 PM.png

6

Wait a little more

The app attempts to find the overlap in songs

laptop-mockup.png
Screen Shot 2018-10-28 at 4.54.38 PM.png

7

Ready! 

Play the songs you and your friend both love!

laptop-mockup.png
Screen Shot 2018-10-28 at 4.53.44 PM.png

How? Sketch

Sketch_logo_frame.svg.png
Screen Shot 2018-10-28 at 5.46.10 PM.png

I used Sketch to design these prototypes