Website Creation

The first step of creating a website was to find a web editor which was easy to use. Myself and Lauren decided to use Wix due to its easy editing layout. First I imported the two different edits of the defeater logo then typed the names of the albums and prices in the side panel.
I added the image we created for our digipak and the cover art of the band previous songs. This is because the majority of similar websites did the same thing, as it helps cross sell products.
I added a background and navigation bar. I positioned the background so that the focus is around the centre of the page, to draw attention to the video.
Next I moved the navigation up to the top of the page like the codes and convention research had told me. I also placed the white logo next to the Home button up near the navigation bar.

The main feature of the websites home page is the embedded video because of this i imported the video and centred it.

The last image you can see the the live finished version of the website.

Website and Digipak research

While researching into how our website and digipak looked into similar products and how the branding looked and effected each product.
The majority of bands and musical artists have a distict look and branding to them which carries across all platforms and products. Logo's are for the bands are present of very piece of content for example One Direction has their name in a unique font which is used as a logo.

As you can see the Logo is present on all the content. The Style and design is also continued, in One Direction's case his is bright colours and their faces stamped on everything.








In the case of Defeater though the style will be darker, less bright and unlikely to have the band members faces plastered on everything. Defeater tends to go for a more of a depressing over tone.
The design of the website and digipak will reflect this.