How'd we get here?
It started with a song...
A screenshot of "I Just Wanna" by Superfan on Spotify
Many many searches for the right imagery to no avail.
Pinterest screenshot of a search query for "superfan"
Google screenshot of a search query for "superfan"
Google screenshot of a search query for "superfan artist"
I found myself asking why can't I just have Pinterest make music themed boards for me. It would make creating my artwork so much easier. So I did. Here is the entire process behind this collaborative between Spotify and Pinterest.
The Beginning: WEEK #1
RESEARCH + DISCOVERY: Finding the flow and Research
The first step in designing any feature is to study the existing flow of the applications you are working with. For Pinterest the flow is overall minimal with tapping and dragging as the main functions on the app. The ui is pretty simple letting the content speak for itself and allowing for a universal experience among all it's users. Notable ui parts are the content containers being stadiums (rounded rectangles) and the profile and share content containers being circles.
IDEATION: Week #2
IDEATION: Personas
Wireframes first draft WEEK #3
IDEATION: Initial Wireframes
REFINED WIREFRAMES
WEEK #4
WEEK #4
IDEATION: Refined Wireframes
For the refined first draft of the wireframes more clarity was added via labels and highlighted areas that indicate where you can interact with the prototype.
Final WIREFRAMES + Video Script WEEK #5
PRODUCTION: Final Wireframes
PRODUCTION: Video Script
VIDEO DRAFT WEEK #6
PRODUCTION: Refined Persona
Sean
PRODUCTION: Video Assets
PRODUCTION: Video First Draft
For the feature explanation video the persona for "Sean" was changed. The overall video content centers around an animator struggling to get work done. The animator having to work with an artist with not a lot of content available due to a recent rebrand struggles to find inspiration for the music video he has been tasked with creating. becomes frustrated and overwhelmed. The new feature is introduced and a walkthrough of the feature is presented to the viewer. The main conflict is solved by Sean using the new feature.
VIDEO Final WEEK #7
PRODUCTION: Final Video