Rogers urMusic Project Overview

Unlike the majority of our web projects that focus primarily on WordPress, the work we did for Rogers involved the design of a music shop called “urMusic” with similar functionality and intent as the iTunes Music Store.

Moving Parts

We worked on 3 major components for the project: The design of a web music shop, a PC player application skin, and a mobile version of the web store.

Our Focus

Featuring modern design aesthetics and clear, crisp details, the shop was designed with the user in mind, with making music purchases easy and accessible the #1 priority.

Time Sensitive

The timelines for the project were extremely aggressive due to tight marketing constraints. BraveNewCode worked diligently with the Roger’s team, helping to ensure that the product was completed on-time and on-budget.

Continued Work Retainer

BraveNewCode also continued work on several other aspects of design, including banners, album promos, and theme/mobile updates.

Rogers urMusic Gallery

urMusic Web Store

•   Music Store

  We designed a brand new look and feel for the Roger's urMusic store.

•   Album w/ Call to Action

  Clear buttons and labels, proper whitespace and alignment make it easy to know how to purchase from the store.

•   Subscription Type

  Clear, easy to read Subscription overlay makes user choice easy.

•   Password Overlay

  Overlays were designed to make it simple to manage user accounts.

•   Search Widget

  Made to work in a smaller space, it was designed to be easy to find content throughout the whole store.

•   Download Queue

  Easy access to see the music to download and previously downloaded material.

•   Account Registration

  Easy, large inputs make it fast and efficent for account registration.

•   Landing

  The main store landing page.

•   Single Track Page

  Easy song preview and related albums.

•   PC Player Download Ad

  Designed to fit in the Store sidebar and encourage people who purchase music to use the PC Player management software.

•   Album Page

  Clear track listing and easy song preview.

•   Single Genre Playlist

  Album view of playlists adds visual context for the music.

•  

urMusic PC Player

•   PC Player w/ Store View

  The PC Player's embedded store view. From browsing to purchasing, we worked to ensure users intuitively understood the process.

•   PC Player w/ Library View

  Working with an existing software architecture, we did our best to build a UI that was attractive and easy to use.

•   Burnlist

  Clear details and sharp progress design make the UI experience of Burning discs enjoyable.

•   Downloading

  Reviewing currently downloading music is simple. Sharp progress design creates a great UI experience.

•   Browse By Artist

  Crisp layout of track listings/sort area was emphasized.

•   Smart Playlists

  As a feature, the Smart Playlists option makes great use of a growing library.

•  

urMusic Mobile Store

•   Mobile Store Splash v1

  The image displayed when opening the mobile store on supported devices.

•   Mobile Store Splash v2

  The image displayed when opening the mobile store on supported devices.

•   The Landing Page

  Organized clearly into section lists, the limits of WAP were pushed at every turn with the mobile store.

•   Artist View

  Clean, semantic layout works well even on WAP devices.

•   Album

  Tracklistings of album by artist.

•   Track Preview/Purchase

  Simple options and clear layout distinguish user actions.

•   Purchase Confirmation

  Easy vertical options ensure users make the correct choice.

•   Subscriptions

  Simplifed subscription page.

•   Search Results

  Easy listings and page nav for search results.

•