Tuesday, 8 December 2015

OUGD504 / STUDIO BRIEF 04 / DESKTOP WEBSITE




INITIAL ENTER PAGE

Similar to previous development, the keys are the first thing the user will see when visiting the website. They can either scroll to access the next page or click the keys to achieve the same result. The keys are also an interactive element in another aspect; when the user rolls over with their mouse, it will react by 'breaking'. If this idea was to go ahead there would need to be a lot of knowledge of javascript or jQuery and may increase the budget, however this will engage the audience and add something a little extra to the website. This could be difficult to replicate on the mobile version however there are less limitations with the desktop version due to coding techniques.






UNLOCK

Again a final development of the original idea of unlocking a free song, 'Unravel' to get a taste of the album to come. This would obviously be available before the release to get the user hyped up to hear the rest of the record. In order to gain more interest and generate more hype, the user is also prompted to share this on social media, by sharing the hashtag #HundredthFree. By creating a presence on social media such as twitter, the band can gain popularity by their own fans and also attract new fans that come across the hashtag. The band can also create hype themselves by retweeting their own fans who share the hashtag, further reinforcing the campaign / album release.






NAVIGATION

To navigate throughout the website, the user can click the hamburger button on the top left, which is one of the first icons the user will see naturally. When clicked, a full screen menu will fade in with an inverted version of the eerie tree texture to add some contrast and brighten it up. Each of these links takes the user to the selected page, however the user can also scroll on the main page to access some of these links by using scroll hijacking to swiftly navigate onto the next part. For example pre-release, this arrow would link them directly to the events page. This would have to  be well coded to ensure the transitions are smooth and professional.





Extended version with all of US event dates

Extended version with NC selected








EVENTS / TOUR DATES

Alongside a promotional tour poster that will be printed and placed around towns, signs and magazine coverage, there is an interactive maps page where the user can select their country from the 5 key promotion points  (U.S, Australia, France, Germany & U.K) and locate tour dates and signings in their area. This can be done interactively by clicking on their State, or just simply selecting the country at the top bar to see all the dates for that country. When a section of a country is selected, this area will be solid fill to make it clear. This would again require knowledge of coding however it would be an impressive element to the website and make discovering tour dates engaging. Adapting this idea to the mobile website would have to be more simplistic as it may not be suitable and too complicated.







POST RELEASE

During the post release of the album the main page will simply contain options to buy the album on Vinyl, iTunes and CD, which when clicked will transport the user to the appropriate third party website the band chooses, may that be Amazon or Apple or their own page.

If the user scrolls or clicks the arrow they are also able to watch the new video for the single that could be unlocked pre-release, Unravel, full screen. This keeps the user on the website for as long as possible.

No comments:

Post a Comment