This is my current project and is a work in progress. New sections will be added as the project moves forward through the steps from understanding the challenges, to completed code.
While pursuing the Google UX Certification (via Coursera.com) I was tasked with designing a responsive landing page with a random prompt (via Sharpen.com). The third prompt I saw really sang to me:
Design a bands' new album landing page as a responsive web site.
As a life-long music nerd and musician, I felt this was the perfect way to build something that, hopefully, could be expounded upon later into a full band site with all the bells and whistles. This New Album Landing Page project case study, as detailed below, has been a fascinating challenge and I have learned so much from the process. From learning about the views of music fans and promoters to tinkering with layouts to make the interaction more delightful every step has been educational as much as it has been fun. Please see the sections below for each major step in the process for this project and feel free to click the links for more detailed information.
Thank you for your time and kind attention.
How Might We ensure that the music is easy to listen to on the album landing page? This is the primary item we need to address.
How Might We ensure that the purchasing flow of the music in a variety of formats is clear and simple. Our secondary item of focus is pretty straightforward by mentioned here for clarity.
A Listen Function that allows users to hear samples (or full song tracks) simply, displays the song title, and allows for play, pause, and next track functions. Note: Must place agency on the users and DO NOT auto-play.
About the Album Information content to be determined by marketing needs.
Purchase Option(s) that allow users to buy in a variety of formats suited to their needs like vinyl or download.
Upcoming Tour Dates with a link to the full tour schedule.
Social & Outbound Links for users who prefer specific platforms.
Numerous sketch sessions produced a number of options both in the meta design and in the individual components. Each UI element was iterated upon with pencil and paper first before committing. Ultimately, due to the nature of the ficticious band I had chosen to use (ambiant electronica) the choice to simplify as much as possible became a driving force. Clean, clear, and straightforward UX.