Create Your First Project

Start adding your projects to your portfolio. Click on "Manage Projects" to get started

Chroma

UX Research, Interaction Design, Prototyping, Information Architecture

2023

Chroma is a music streaming app that focuses on the user getting to curate their own experience. It allows you to upload photos and then generates a playlist that matches the mood of your photos, with special features like the option to choose a community-based interface, a customizable interface, or both. There’s something for everyone!

"Ease" is conveyed in the uploading of photos to make a playlist through the mimicry of the Apple iOS interface so that familiarity helps users not to feel confused, even when using a new feature. The "community" emotion is depicted through the in-app song recommendation feature. "Individuality" is represented in the feature where users can build their profile themes.

"Self Expression" is incorporated through the customizable profile features where users can design their interface. "Tailoring" is utilized in the onboarding screen where users can choose to see what they want, and can always go back if they change their mind. "Triggering" is used through the in-app recommendations where it notifies you when a friend sends you a song so that their recommendations don't get lost in your text messages and are all in one place.

Choose which kind of experience you want. The home screen shows your saved playlists and playlists that are recommended to you based on your recent searches.

Select photos from your camera roll to generate playlists with songs that match the atmosphere of the images you uploaded. The cover photos shuffle through and the background color changes depending on the photo, although there is an option to turn that off.

The community feeds shows the image generated playlists your friends have made recently, as well as songs they have recommended to you.

The customization tab is where you can build themes for your interface by uploading photos and choosing colors/fonts. You can then choose from your gallery which theme to use or return to the default view and change experiences.

.pro-gallery-wix-wrapper {display: block !important;} .pro-gallery-wix-wrapper .gallery-item-container {opacity: 1 !important; display: block !important;}