4Music

Introduction

4Music site needed a refresh and I was called in to do the IA and design. It was a collaboration project with Orange to help promote their new Monkey tariff while allowing 4Music’s site a much needed injection of content. I also worked with Poke London, as they were creating a site on Orange’s side for Monkey users. We worked together on creating a design that was similar on both sites to allow a consistent journey from one side to other.

The design was about getting the right tone and focus placed through visuals to communicate the brand. 4Music brand in general is pretty young and faceless. Most of the shows I watched had different visual approaches. So I took what was good and transpired them onto the design.

IA

The content was broken down into small manageable bits of data that could be reused across different article types – modulation of information.

Step 1. Sitemap

Step 2. Article components

Small bits of information that can be reused throughout different articles.

Step 3. Article page types

Various article page types depending on the content.

Step 4. Wireframes

Collecting all the parts of sitemap, article components, and article page types and putting them into wireframes.