OUGD504 - Brief 4 - Sub-pages

OUGD504: Brief 4: SONY music / ONLY studio Brief

Sub-pages


Navigation: 

I planned a clean a minimal aesthetic for the website, during the wireframe development I concluded a operate navigation page would be more successful in creating a clean aesthetic as opposed to a menu bar running across the page. When designing I experimented with my colour palette and found inverting the pink background with white text from the homepage would create an effective contrast to show they have left the homepage. This colour palette works effectively highlighting the minimalist design and creating a contemporary sense of space. Aligning the 'x' with the navigation button of the homepage allows a seamless transition back and forth between the pages. The pink typography works at this point size allows the copy to still be legible however if smaller type needed to be incorporated this colour may affect the legibility. 

Pop-up: 

When the user first clicks onto the page they will be met with this pop up allowing a direct link to the pre-order, this will instantly set the tone and encourage pre-orders from the second the user accesses the site. Including the album cover will instantly engage the user and define the aesthetic that will support the content when they start to engage with the concept. The body copy describes how they can receive an unique pre-sale code for the up-coming tour to ensure a better change of getting tickets adding further incentive to pre-order the album. The tone of voice used on the body copy throughout the site is very informal and personal, signing off 'love amber & co' (amber = vocalist) creating a more personal and direct relationship with the band. 

The aesthetic of the pop up is allows it to contrast the homepage using the white from the colour palette as the background colour to ensure it jumps off the page, this also ensures the body copy is clearly and legible for the reader. The use of image within the frame will instantly catch the eye of the user supported by the 'clean' logo which is the start of creating an identity for the campaign. The pre-order button is surrounded by a box to reinforce that is is a 'click-able' component of the page. Ensuring the size of the pop up isn't the full size of the screen and showing the homepage in the background will create a clearer instruction that it can be closed to access the compare than if it were full size as this could have potentially confused users, it also creates a sense of building excitement to what is actually in the homepage giving a sneak preview to its content that is hidden by the pop-up. 

Blog: 

I found the blog sub-page slightly more difficult to design for as I wanted to keep the pink consistent yet wanted to ensure the maximum legibility of the body copy. Through experimentation I transferred the gradient from the homepage and extended it to created a central block that could be used for the bulk of the content. This worked well as it naturally drew the eye to the content and focused in on it. There is a hierarchy flowing down the page of the page title, blog post title, content, this will read naturally and ensure a direct flow of information across the page. I have used Apercu as a standard body copy throughout my distal platform as it is contemporary, neutral and legible it also complements DIN well creating a good set of typefaces that are all available as web fonts. 

These sub pages have a consistent aesthetic that will allow them to flow nicely into one another enhancing the movement throughout the site and create a more effective user experience.  The aesthetic is clean minimal and consistent with the homepage, it reflects the ambience of the band and their ethos well which will appeal to the target audience and complements the content well. I will obtain feedback based on this development and respond according before developing the mobile version of the desktop website.