UX / UI

Shazam is an app that can identify music, movies, advertising, and television shows, based on a short sample played and using the microphone on the device.

 

Upon my personal troubling experience with the app's artist page, I decided to redesign it, presenting an improved user experience and interface. 

APPROACH 1

APPROACH 2

My experience with the current page design: 

  • VISUAL APPEAL - Overall visual layout did not captivate me, design looks dated and frumpy, and sponsor ads cause clutter

  • ENGAGEMENT - Lack of content on screen makes page unexciting, and incomplete 

  • CONNECTIVITY -  Does not give insight to who the artist is, their genre of music, or why I should follow them

Users are able to quickly gain information on the artist, including genre, follower / track / shazam count, and also have a brief insight into the artist's personal way of thinking.

CLEAN & SIMPLE

Approach #1

A minimalist layout design that uses cool tones to evoke a sense of calmness as users listen to their music, while keeping the consistency of Shazam's identity colours - blue and white.

Users can then preview the artist's most popular songs, having the option to 'see all tracks', or to continue checking out the artist's albums, playlists, and upcoming shows.

FUNKY FRESH

Approach #2

A bold, vibrant approach that uses bright hues & gradients, vector art, and geometric shapes to evoke a feeling of youth and modernness.

Users are greeted with a fun burst of personality! There is a strong emphasis on individuality. Rather than traditional photographs, the artists individuality shines through their own custom illustration.

Users can also learn more about their favourite artists through seeing their own music artist picks. They are encouraged to follow and check out their favourite artists' picks. Lastly, users have a more in-depth understanding of the artist, as the screen finishes with a short bio and description of the artist.

MORE WERK

made with love