PROJECT: ECHO MUSIC PLAYER
ROLE: PRODUCT DESIGNER
YEAR: 2017

Summary

Echo is a music player that allows people to create radio playlists where their contacts can listen to what you're listening to in realtime. Listen to what your friends are listening to and the many different radio stations provided by Echo.

BACK TO TOP

Logo Wordmark

The logo icon resembles echoing soundwaves that have the word 'ECHO' subtly placed in the image. Each soundwave represents a single letter in 'ECHO'.

The font chosen for the wordmark was 'Montserrat' because of the symmetry of the 'C' and the 'O'. This symmetry reflects the logo icon and the echo of the circles.

Primary Colours

The colours used are a yellow and a deep purple to be used for strong contrast.

Secondary Colours

The secondary colours used in the logo represent a gradual change from the yellow to the purple.

Logo Mockup

The full logo is used on the opening screen of the app as shown in the mockup. Here is the example on a light and dark background.

UI Elements

The main UI elements include the control buttons for the music player and the on and off states.

Echo Playlists

Press the 'Echo' button to turn your listening experience into a live radio station, where people can see your playlist and listen to your station realtime.

Search Filtering

The filtering options include All, Artists, Albums and Songs. Clicking a tab shows which filter is on by highlighting it in Yellow.

Final Mockup

Play your music and listen to Echo's curated playlists, or echo into your friends playlists.