Website: The finished website

The website is now finished, and the end product can be found at this web address:
http://scarletharlotsweb.weebly.com/

The only problem with this link is that it dosen't include the music player due to the school having to pay money to include this feature. In the draft I made sure to include a picture of what it looked like, and the song uploaded was Backlash. Below is a picture of what the website looks like online:

Website: Making the website

Making the website began with choosing a background and then creating pages that would appear in the toolbar across the top of the page such as Home, News, Gallery and Forum. These links are essential to navigating throughout sites of other bands websites, so will look professional on ours. Next I made the 'Product Block' that contains the picture of the CD available to buy and a buy it now button to purchase the CD online. Creating the audio player was difficult, but eventually I managed to upload a track onto it -Backlash, however due to having to pay for the use of this online, it will not appear on the finished website.










The main photo was taken in one of our schools recording studios,and after adding effects in photoshop and the logo, the following picture will be used:













After adding this picture, and the littler one of the CD cover in the product block, the website is completed. I think it looks professional and like others that we have studied, therefore it is appropriate for our target market. It also informs and shows who the band are, with reviews of the current CD from current magazines.

Website: Another photoshoot

In order for us to have continuity and brand identity across all of our three pieces of media, (video, digipak, website) we need to have some areas that overlap and associate with the Scarlet Harlots brand we have created. On the website I have decided to have a big picture of the characters in the masks that will feature in our music video, as this is a strong image that people will easily be able to associate the song and band with. Therefore we need some new pictures, as you can see.



To keep brand identity with our albums theme of animals, we decided to have paper swans hanging off the ceiling, as you can see in the above picture of me hanging them up.

On the left you can see how light was affecting our picture, as you cannot clearly see the mask, therefore brand identity would have not been very clear.



Tony and Kiel decided to go outside so that reflective light was hitting my mask and the birds, however the background of the music recording studio was a big problem.







Tony decided to try something else, so he laid on the floor to get a camera angle that would put me in a powerful position. From this angle the birds are clear to see, and we think this photo includes everything we would need for a website picture. All we need to do now is apply effects in photoshop and add a logo and text for it to be ready for the webpage.

Website: Futher research into band for website

Whilst researching on the internet I found Scarlet Harlots are signed to their own independent record label Cut and Come Again, something that will need to be featured on the website. The bands lead singers name will be featured in a quote by him about the latest gig, and further songs will need to be researched in order to get them on the audio player. I found one called Backlash that fits in well with their genre of music so have already loaded it up to my i-tunes.

Website: Playing around with weebly

We had planned to create our webpage on Dreamweaver CS4, however nobody at our school has much knowledge of the software so we have changed to using another program on the internet called Weebly, which enables you to create a free website very quickly. This is ideal for us as we want to get on with filming, so will save some time using this program, but will still look professional.


When playing around with this program (our first attempt on the left) it was clear that it was easy to use, and had a lot of simple, helpful instructions to help us create an effective website. We tried to make a start on the website, working out the basics of elements,design,pages and setting , and then we felt we knew enough to make a start.

Website: Final design of our webpage

This is my final design for the webpage, and I chose it because it includes all of the features a webpage needs but without being too packed with information. When talking to the IT technicians they let us know that it is easier to create a webpage using blocks and boxes. Therefore everything on this design is in a box as this will be easier to make using the programme we choose. The titles are appropriate as they are realistic, and I believe this page will look very professional.

Website: Codes and Conventions

We can deal with codes and conventions of a webpage in a number of different ways, and I will be looking for these prompts on the Arctic Monkeys website as it is the most similar to my own:

Layout and Design
The website is very clear and easy to use as it is very basic and logical. It is easy to navigate as there is not too much information on the home page just a picture and links to other pages on the sight such as pictures and shop. The grid system is used to separate sections of the website and presents the information in small, easy to access segments. Unlike typical conventions the centre of the page has a large picture of the band, and the basic navigation tools are across the top of this picture. Background and font colours are used to separate different types of information, and the big image in the middle of the page adds visual interest.

The technical codes used
Certain technical codes are now common place on websites. Many sites provide moving image or audio content such as a music player with tracks to listen to. There is no music player or moving image on this home page, and there is also no form of audience activity or interaction which makes the site look old fashioned.

Content of the website
There are distinct conventions for websites which contain factual information, compared to those created for entertainment. This websites purpose is to inform and entertain an already devout audience, therefore it will look considerably different than a news website for example. This website has hardly any information on, just links to other parts of the site and a picture of the band, compared to a sky news website which would be full of information and look cluttered.

Genre codes
In addition to the content leading layout and design choices, where websites are based on existing genres (eg. Broadsheets, Horror films, Lifestyle magazines), the web design uses recognisable codes and conventions from the genres to ensure audiences recognise the genre and are framed to have appropraite expectations. In terms of this website the layout is of an extremely basic webpage, with a large picture and links to other parts of the site. The genre of music is indie, and other bands of the same genre share content like this site.
The way codes are used to target the audience and attempt to address them appropraitely
Different audiences may find certain layout and design chocices more appealing. An audience who is a fan of Arctic Monkeys would probably not want a lot of information cluttered on the home page like a news site, therefore whoever made the page chose to not have too much information to confuse the viewer. Media language is also used to clearly identify target audiences, but in this case there is hardly any text, so appeals to all audiences. A key issue with websites is the way they attempt to encourage audience activity and interactivity to attract audiences in and persuade them to return or pass on information important to the website producers. However in this case there is no promotion or audience activity, therefore they have not done all they could to promote the band, however as most people already know them this is not too bad.