Studio Brief 4 - Pushing sales

When I was receiving feedback from Simon, he mentioned that my site should try and push people to pre-order the album as the whole reason for the site was to get your target audience to get interested and become involved within the new album and campaign, so why not push them to actually take the next step and pre-order the album. 

I started to think about the site as a whole and how users would react to different ways that I could push the advertisement of the album. Creating a large pop-up when the user enters the website would tick all the boxes but then again pop-ups are annoying and more often then not ignored due to pop-ups being over used and users seeing an advertisement and instantly seeing it as an obstacle from what they are wanting to see . I wanted something that would get the users attention but also be minimal to not ruin the aesthetic of the site.

I first started off with a grey bar at the top of the site. It would essentially be the first thing the user would see as the natural reading motion is to start from the top and work your way down. I could of used more of a vivid colour to really make the bar POP but it may impact the aesthetic of the website. The site is dark and minimal and using a long vivid bar would clash and create to much of an annoyance and upset the balance of colours, that's why the grey was used to hopefully create balance but still be highly visible.

Using a brush stroke to highlight the pre-order button. The brush stroke matches the similar style of the website but overall it looks too big and bulky and would contrast again the modern style of the site.

Red is the colour of warning that should make the call to action button stand out from the black and white colour scheme of the site. However, It's to distracting from the site and that could then damage the main concept of the site. However it could be used as an animation. It could pop up every couple of minutes 'fade in' or start on the site then animate 'fade away' away.

I began to then incorporates the pre-order button within the navigation. The navigation is a part of a website in which nearly all users would go to in order to navigate around the site, making it a hot spot area. Therefore, incorporating it within the navigation could take advantage of that hot spot area and once they do, pull them in with an attractive call to action button that is attractive but not perceived as an advertisement. The style of the button is the exact same as the navigation but with a different colour and with a box around it. The box would make that part of the navigation stand out and the colour to catch the users eye.

Same design but in a greeny blue. The colour felt a lot better. It was vivid but wasn't as harsh as the red. It also match the style and communicated a contemporary aesthetic.

This is the version that I went for. Similar to the one above but removing the box around 'Home'. Having a box around 'Home' and 'Pre-order' It felt to much on the eye and it also blocked the full effectiveness of the pre-order button, by equally standing out as much. However, the box around 'Home' was an important part of the navigation to let the user know what part of the site they are on. It will still be used but as a rollover feature or an 'active link colour', this way both feature can work in sync with each other.