Everyday Music: Mobile Redesign

There are some stores that you frequent for their convenience or necessity, but occasionally you find a place that you visit simply because spending time there is enjoyable in itself. For me, that store is Everyday Music, a Pacific Northwest record store that exists primarily to support an ardent love of music. While I love the store itself, I have always felt that its unique personality was missing from its website. Because of this, I decided to develop a more effective mobile website for the company. In my undertaking of Everyday Music’s redesign for mobile devices, I had several goals in mind. First, I wanted to improve upon the muted and disorganized website by reducing clutter and employing brighter, bolder visuals, rejuvenating the site without losing any of the company’s identity. Second, I envisioned a mobile website that took the importance of the company’s history into account, incorporating elements from the 90’s into its modern representation. Lastly, I hoped to capture the supportive and passionate atmosphere of the store, emphasizing the music above all else and encouraging people to explore at their own comfort.

With these goals in mind, I went on to iterate several redesigns of the company’s logo, homepage, and “New Releases” page. Throughout the process, I wanted to stick to primary colors, seeing as they were already distinct in their current website, logo, and in many other logos from the 90’s. My final logo was half of a record with beams of sunlight coming out of the top. The combination were intended as an abstraction of the “day” and the “music” components of Everyday Music. It featured the color yellow prominently along with rounded edges in an attempt to emulate the warmth that you might experience interacting with employees there. I also used an outline and blue shadow to mimic a common, 3D trend from the 90’s, particularly evident in MTV’s logo.

My redesign of the website included similar considerations, including a 3D title typeface following the 90’s trend. I used a smoother bold typeface for headers to match the new logo’s round edges. My body text typeface was chosen for both it’s safety on mobile devices and its sharp edges, which contrasted the smoother header typeface. The homepage employed slanted images to imply downward scrolling to the user to ensure that the page was easy to navigate. To reduce clutter on the homepage, I designed collapsable announcements that provide a preview without showing the full text until the user decides to read more. For the “New Releases” page, I reduced clutter by hiding reviews for albums behind clickable polaroids. Using these pop-up boxes also helped to distinguish large amounts of text from each other. The choice of polaroids was intentional as well, highlighting album art for each release, mirroring the company’s appreciation for music and incorporating their history via. 90’s nostalgia. Ultimately, I believe that the combination of history, passion, and simplification resulted in a more effective and representative version of the company’s mobile online presence.

Goals:

As a final project for my visual communication class in Human Centered Design & Engineering at the University of Washington, we were to create a mobile version of an existing, locally-based store's website. I chose a store that I frequent often: Everyday Music. Below you can find my 3 presentations for the project and a reflection discussing my design decisions in more detail.

Final Presentation:

  • Design a new logo
  • Redesign the homepage from the organization’s current  website and reformat it for mobile specifications
  • Redesigned another page from the organization’s current website that contains a lot of text

First Draft Presentation:

Reflection:

Second Draft Presentation:

Imagining of a local record store's ideal mobile interface

Background: