Lsnr+design+-+Andrew+Palma

Main Page

[|Artist Profile]

For my prototype, I decided to go for a minimalistic approach. Only what the user really needs (to listen to music, find new artists) is on the page. For this reason, I only drew two screens to represent the feel of the entire website. At the top of every page the user visits is the radio player (/title bar). It allows the user to listen to music uninterrupted from when they first sign in to when they leave. The radio player is fixed at the top of the screen so it is always visible. From this consistency, the user should develop the desired mental model: The site is a customizable, new artist radio. The player itself has what a user would expect from any other radio player: Play/Pause button, skip button, song and artist name, and a time indicator. Similar to Pandora, the radio includes a "like" button (the + on the left) that votes for the artist (the votes can then be seen by other Lstnrs) and saves the song for the user to view later. When the user mouses over the title bar, a drawer slides out of it revealing navigation links and a search function. The Lstnr logo is located on the far right mostly isolated. The user will immediately be able to recognize they are on the Lstnr website while keeping the logo out of the way.

The main page is fairly straightforward. The user is greeted with pictures and some detail of the day's featured artist. Underneath that, the user finds a grid of personalized artist recommendations. The main page alone satisfies our two most important tasks: Finding new artists and listening to music by new artists. The artist profile page presents Lstnrs with all the information they need about the artist. The large font and image draws the user's attention to the artist's name and picture. Just off to the right of the artist name is the genre. I decided to put it there so the user will know immediately what kind of music they can expect to hear from this artist. On the far right of the artist name is a button that lets a Lstnr become a fan of the artist (thus increasing the band's popularity for other Lstnrs to see). A list of music by this artist is presented to the user next to the picture. The list is sorted by popularity (as voted on by other Lstnrs) with new songs pushed to the top. The popularity meter next to the song name displays the song's popularity graphically. From the song list, the user can listen to that song or purchase it using the play or buy buttons. Next to the songs, the user can find upcoming shows/events organized chronologically.