Chromatic FM


The objective of this project was to turn Grooveshark's most used feature, a radio streaming platform, into a native iOS app.


CHALLENGES

1. Create two platforms targeted for two different users, the broadcaster and the listener
2. Create a congruent design language between the two platforms.
3. Twelve month timeframe.

App Mockups

DESIGN SPRINT

Before starting the actual interface design, we ran a small design sprint since we didn't have much time and resources to put on the development of the product as a whole. It was also very helpful to have Grooveshark power users of the original feature, that were willing to participate as testers.



1. REMIX AND IMPROVE

A wide research was made amongst our main competitors, and we found two principal categories which were Terrestial and Algorythmic Radio. We mapped and used them in order to gathered some ideas that we wanted and not wanted to include in our product.

2. PROTOTYPING

Fig. 1

After mapping out our product specifications (Fig. 1) with the whole team, (engineers, designers and manager), a set of UX wireframes were designed so that they could be mounted on to our InVision platform.

This was the first prototype that allowed our power users to experience the concept.





3. QUALITATIVE TESTING

After our testers used our prototype, we built the UI of the main screens, and after some feedback, we iterated with different arrangements until we eventually came up with the main screen.




UI DESIGN

LISTENER APP

Listener app was to designed to be easy and simple to use (duh!), the landing page, should show the user the Featured, Recent and Trending broadcasts, if the listener is a bit more musical savvy, he should have access to a list of genres from which he can choose his favorites and make a more focused search.

PLAYER

The player is as simple as it gets, a gently swipe up will reveal the chat so you can talk directly to the broadcaster or interact with other listeners. You can also preview broadcast by holding the tap on any broadcast.








BROADCASTER APP

Broadcaster app is where all of the potential DJ's reside, you have access to a vast catalogue of music from which you can select at least 3 songs and immediately broadcast, you can add songs on the fly and even chat with your listeners. The search page was divided in Broadcasts, Songs, Artists and Albums, that way you can reach for that song that's going to make a perfect match for your current broadcast.


CREATE BROADCAST

To create a broadcast, you need, to choose a title for it, select a cover image and most importantly, add the tracks that will fuel the stream, once you're set, hit the Broadcast Now button. The flow itself might seem easy, but the iterations behind this one we're tricky. Good thing the developer on this project has some more brains than me.