Construction Post 6: Website post-production

As we have finished our music video, we have decided to focus all of our attention on the digipak album cover and website. For this, we will use Wix.com; a cloud-based web development platform that allows users to create HTML5 websites.

Due to the fact that we are still working on the album cover, we have decided to split up the roles slightly differently. Alistair will be in charge of the technical and navigational aspects, Shayam will focus predominately on the content and I will concentrate on the visual aesthetic. Having said this, we will not stick exclusively to our sections, we will just be managing particular sections to ensure the website is completed on time.

After having set up the site, we decided on our color scheme. We have chosen a plain black as our primary color and white for all text. Although there are many sites use white for the background color, we felt that our genre would be better connoted using the inverse. This was anchored by my previous research into other alt. rock websites such as 'Arctic Monkeys' and 'Catfish And The Bottlemen'.

'Catfish And The Bottlemen' Website Header

We have now chosen our formatting style, a classic banner across the top of each page that contains links to each of the main pages. The image below depicts our development of the banner thus far.

Inconsistent color scheme

Once we finished the first draft of the site, we had a group meeting in which we highlighted our concerns. This discussion was very productive and we each came up with a variety of different issues. Firstly, I was concerned that the headline font and the logo I had created were not bold enough. Shayam and myself also agreed that we should have a strong color scheme particularly for all the photos in the news column. The final key issue was the lack of interactive media for the fans across our site.

In response to these concerns, we have decided to increase the weight of both the headline and logo, we have made all of the news photos black and white and we have created a variety of different announcement videos; something that has been inspired by bands such as 'Amber Run' and 'The Neighbourhood'.

Consistent color scheme

Improved Header

We have now decided that audience feedback is needed. We decided that Shayam will gather feedback while I continued with the album cover.

Overall the feedback received have been very positive with only a few minor issues. We showed them the website and then asked them a series of questions. Firstly, when asked the genre, 90% defined them as a rock band and the other 10% as a punk band. I was extremely happy with these stats as it shows that our genre semiotics were clear and effective. Other repeated comments were that our "website is very visual and easy to navigated" and that "the logo is really cool". However, there was some criticism. A few audience members suggested that "there should be an enter site page" and that we "should include some kind of live image feed".

We have now created a black and white simplistic enter page (below on the left) and we have inserted a live link to our Instagram feed that will be on our homepage (right).


These two tools are very common conventions in the rock genre. The enter page immediately presents the brand to the audience, which immediately anchors the band's identity. The Instagram feed also helps to connect audiences and highlights the consistency and symbiosis across all of the different platforms.




We have now decided to add some more interactive tools:

1) An album release countdown (left).

2) A ticket purchasing form (right).

3) A newsletter sign-up form (below).

Overall, I have found this software quite straight forward and very effective. It has allowed us to create a very professional and fully functional site and the constant ability to edit and improve the site to maximize our use of audience feedback. I am very pleased with the outcome and I would definitely use this site again to make another website.