In this section we have a Band Page for the Punk Band Jazzercise. The initial focus was to create the purchase user flow but also to create a adaptable mobile site.
Embedded Files
The paper wireframes here show the several ideas that played in my head. A spinning record, drop down menus, and even just the recent video with a menu icon in the corner.
Decided to go with the simple buttons to allow for quick access but put scrolling images in the center of the home page.
Kept a similar feel for the purchase page to help users not become disoriented when accessing the page.
When making the High Fidelity prototype I added background images of the band to help give the feel of their concerts. Added images along with the text to help draw the users eyes to the sections and put a menu in the bottom left to make it so any page should be able to be accessed from the site.
On the purchase page made the albums and tracks scrollable and integrated a media player for people to sample the music. Even adding options to purchase individual tracks or the whole album.
Here is the mobile version of the Home page and the purchase page. Removed majority of the extra imagery and media integration to allow for a more efficient use of the pages on various mobile devices. Opted to keep the scrolling images and background images to help the user still understand the feel of the band.
Page updated
Google Sites
Report abuse