hit
counter

Pandora Web App - Case Study

Pandora Web App - Case Study

The Client

Pandora Internet Radio is a music streaming and automated music recommendation service powered by the Music Genome Project.
Although the service is primarily made for mobile use, the company also has a desktop web app.

The Ask

While attempting to listen to the Pandora web app while working on my desktop, I found that the web app isn't incredibly responsive for smaller sizes, creating a less-than-optimal appearance when used as a small window in the corner of one's screen.

Pandora Web App Issue

The Process

Direction

Taking inspiration from both the simplistic design of the Pandora Premium iPhone app and the already-implemented design of the web app, I created a solution that combined both together.

Pandora Web App - Sidebar
Pandora Web App - Full
Pandora Premium App - Kongos

The Result

The Finished Product

Using Adobe Illustrator CC to recreate vector icons of the various Pandora controls (Thumbs Up/Down, Replay, Shuffle, Play, Volume, Skip/Next, etc.), I then brought these assets over to Adobe Photoshop CC to create a responsive solution that unifies the intuitiveness of the Pandora Premium App with the simplicity of the web app.

...Questions? Comments? Want to know anything else?

Email Me