TIMEFRAME | ~8 months
ROLE | UI, UX, UR
TEAM | 3 Developers + 4 Designers
01 | SUMMARY
TUUN is a web application in which users receive algorithmically curated playlists based on their unique associations with color and music.
02 | OPPORTUNITY STATEMENT
Spotify’s Mission: to unlock the potential of human
creativity—by giving a million creative artists
the opportunity to live off their art and billions of fans the opportunity to enjoy and be inspired by it.
With over 80 million tracks on Spotify, the process of finding new music and curating
a personalized playlist can be over
whelming to users. There is an opportunity to provide users with an algorithmically curated playlist based on
unexplored properties.
03 | SOLUTION
Inspired by popular web apps like Discover Quickly, MusicScapes, and Receiptify, TUUN created a web application in which users could take a quiz to map their music to color associations, create a custom color palette and receive a playlist based on the color mapping and color palette. A product like this not only helps further explore the psychological connections between color and music but could also be used to aid lighting design for live events, partnerships with smart light bulbs/ companies, and more.
04 | DISCOVER & SYNTHESIZE
The discovery phase of developing a this product had 3 elements:
Research, Survey, and a Competitive Analysis.
We initially theorize that there is a unique association people have between music and color and emotion
might be a connector for that association. In analyzing the results of our research, we not only validated that
building an experience around
color, music, and emotion
would result in a personalized experience & playlists but also that there was a substantial number
of possible users, a space for it in the music experience market.
Research
Competitive Analysis
Survey
05 | IDEATION & ITERATION
Our ideation and interactions phase confirmed that we wanted to focus on a mobile-first design process because most users use Spotify and other potentially related applications like Instagram on their mobile devices. Additionally, we conducted several rounds of group design critiques, user testing, and user presentations and feedback sessions leading up to our final product.
06 | FINAL PRODUCT
The final site consisted of the calibration section and playlist section of the experience. Users would take the calibration quiz to map their music-color associations, then create a color palette(s) and would produce a custom playlist
Due to time constraints, only the main calibration portion of the
experience was extensively tested, however, future testing would
include:
↳ Test the overall experience with a broader demographic of users and collect user data for the analysis
portion
of the site
↳ Design and develop the music-color data analysis section of the site
↳ Testing with people who do experience color blindness and synesthesia
07 | REFLECTION
My biggest takeaway from this project was that it was great exposure to working with
established design systems and guidelines. While we did establish our branding for TUUN, because we were
working with
Spotify's API, we needed to diligently adhere to their design guidelines. It was a good exercise in working with
developers and creating a product
from concept to launch. Additionally, because we were establishing a new product, it provided an opportunity
to explore what possible applications, profit opportunities, and measures of impact the product could have.
MEASURING IMPACT & PROFIT OPPORTUNITIES
↳ Use a user satisfaction survey to gauge overall response to the experience
↳ Tracking palette-playlist creations and palette-playlist saves to see if people are coming back to the
experience
↳ Given that people are repeat users of the experience, place certain palette-playlist creation features
behind a paywall (only 3 free playlists and pay to create more)
↳ Use the data collected from the experience and the information from analyzing users' color-music connections and
trends to make data-driven lighting design decisions for physical experiences (concerts, bar/clubs, interactive
experience/installations)
06 | THANKS TEAM!
Anna L. | Back End Developer & Technology Researcher
Eric K. | Dev-ops, Full Stack Developer & Technology Researcher
Gabby B. | Front End Developer & Technology Researcher
Brandon Y. | UI/UX Designer, UX Researcher & Branding Lead
David F. | UI/UX Designer & UX Researcher
Nikki M. | UI/UX Designer & UX Researcher
Thandiwe Tembo | UI/UX Designer & UX Research Lead
made by hand & powered by Github Pages