Thursday, 30 September 2010

Five Finger Death Punch Website Analysis

The first thing that strikes you on this homepage is the name of the band, this is because it’s in a white capital font backed upon flames, this forces the white to contrast with the red/yellow flames, forcing their name to stand out. The pros of having your band name stand out are, it shows that the band is the most important thing on the page, its also iconic of the band and so people easily recognise what page they are on.

You instantly get the feel that this Is a very simple website, following ‘the rule of 3’. The idea of the ‘rule of 3’ is how a webpage is laid out, and this is the most common layout you will find. This has some positive aspects as well as some bad, as for the good points, most of you will have used a website similar to this one, and so it’s very easy and simple to use. A problem with this is that it looks very common and boring as its just plain scipt, that in which you would find on alot of social sites. Behind the bands name is an image which streches along the top of the page containing every one of the band members in a medium shot, which shows them all as equal. The way they are positioned (on the top of the page) gives the effect of them looking down on the page, giving them more importance. They are wearing dark, torn clothes and have tatoos which is iconic of the idea of rock/metal. To add to this, on a lower section of the homepage is a small box which reads "



The colours used are reds, yellows and blacks. These colours could be assossiated with danger (the colour red - naturally a danger colour) and black being the colour of darkness. The yellow and red features are backed upon a black background which makes them stand out and appear sharper. These colours are also used within their album which is framed, centre of the page. The fonts used are identical to that of which is used on the ‘old western wanted posters’ – this would give across the impression of ‘law breakers’ which is stereotyped into the whole metal genre.






On the left hand side of the webpage is a well presented midi player, preset to play 6 of their new songs from their latest album, illustrated above the player. Its in a simple format, so that anyone can use it (using the standard, play (triangle etc..)). Beneath the midi player there are several hyperlinked options in a yellow underlined colour, which give you the opportunity to purchase the CD above. So this midi-player is used as a taster of their music to attract people to purchase their CD.





This webpage then breaches off into a news section which trails all the way down to the bottom of the page. The news section gives information on, gig dates, merchandise, funny videos and competitions. This is pretty standard of most band websites, the whole news section on the homepage which is generally very long. If this is the expectation of a music website then it would be a good idea to implement it into our site as it gives us some solid guidelines in which we can change to suit our needs.

At the very bottom of the page ‘the footer’ are the sponsors of 5FDP these include, Gibson, Ibanez, Godin and Zoom which are very well known sponsors and show how successful the band is. This also adds professionalism to the webpage which is good as it allows people to trust the site.

Killswitch Engage Website Analysis

Killswitch Engage Website Analysis

This first thing that jumps out on this homepage is the large leopard head on the left side of the page which looks to be sprayed upon an old crumbling wall. This alone gives across the impression of the genre of this music, as spray painting is associated with the breaking of rules, which is also tied in with the heavy metal or a sub metal genre. The reason why you focus upon the leopard first (although you may not necessarily see it first for what it is) is because it’s a brighter color than the rest of the page. This leopard is the bands logo which brings the site alive making it more appealing and attractive. The background to the homepage is a plain and simple rough gray colour which looks like a common street wall.



Looking deeper into the webpage you will find that it looks a lot more formal than other metal homepages, this is partly because of the colors used and the format of the page. The colors are grays and faded blues which run either side of a standard scroll down website. This website seems to conform to the more regal websites out there and shares a lot of its properties with other sites such as “Facebook, Bebo and similar sites” and is therefore easy to understand and use as a common computer user.


.
The Font used is in a large yellow/golden font, which looks damaged as if paint is peeling off it or the crumbling of a wall. This is effective and really stands out because its color differs from that of the other text on the page (white). The rest of the text is written in a standard white font, which stands out on the dark gray/blue background and therefore, is more appealing and friendly to read.
.
Scrolling down the webpage, you will find that it breaks off into a news section which flows to the bottom of the homepage. There are several stories and articles going down. Each article is separated by blue scratched effect bars which really does help break each article from the next.



.


.

There are also “youtube(.com)” videos of the band and their songs within the news section, which makes the site instantly more interesting. Beneath the videos it also allows you to leave a comment, this helps the community come together and share their views and verdicts of the band and their work. And if someone feels that they are part of something (be it a community) they are more likely to be a custom to it and bring the site more popularity attracting bigger audience, breaching out from friends.

.


.
There are hyperlinks located at the very bottom of the page which direct you to other pages within the website. Which are also in a white font, however, these are bolder and underlined where as the main body text is not. These hyperlinks are of the menu at the top of the page and are labelled clearly, "Tour Dates, Biography" etc.
.

On the left hand side of the homepage is an image gallery, which shows all the latest images of the gigs recently played. This is a good idea because it brings color to the webpage and makes it more eye appealing. Beneath the photos are several linked sponsors, such as twitter and gives the option to follow them on twitter. Sponsors make the webpage look more professional and make the band look good, because why would you sponsor someone if they aren’t any good at what they do?
.

The feature above, which is situated on the left hand side of the home page allows members (of the site) to recieve latest news by email. To sign up for the mailing feature, simply input your email address in the field provided and click submit. Although this feature looks simple enough to understand, its a bit too simple and you dont truly understand what its purpose is. "Mailing list" - is this to send mail to Killswitch Engage them selves? You dont know what the feature does until you enter a letter and press submit. Once you've pressed submit a screen is brought up which reads "Invalid Email Address" which is when it dawns on you, that its your email address for a news letter.
.
At first glance, its soon you realise that there isnt a midi-player on the website that allows you to stream their music. However, just under the menu hyperlinks there is a small logo and within the logo are the words "(((KSE RADIO)))" . Hovering over the logo, you realise this is a hyperlink. After pressing it, you get moved to another site which allows you to stream their music. This isnt a very practical method of listening to music and looking through their homepage, because you cant do both at once unless you open another brouser or an additional tab.
.
This is another section on the left hand side of the homepage labelled "Upcoming shows". It gives information on all the latest tours and if you want an additional information on that tour simply click on one, and the page will reload to display the information.

.

.

.

Overall, this is a simple yet effective homepage and gives us an idea of what our site has to achieve. It’s the small subtle things that make a webpage look and feel good.

Disturbed website analysis

Disturbed Website Analysis

This homepage is very effective, it all flows together and comes off as really professional. The first time you look at this homepage, you will instantly focus upon the bands logo/mascot (“The Guy”) as this is the brightest part of the webpage. So we will have to take this into account when creating our own homepage for the band featured in our project. This image is very large and is used as the background for the homepage, this theme persists through every page linked to the site.





The font used for the bands name is in a much distorted font to give the effect of slicing, or tearing, the idea of something breaking out. This has been done to reflect their newest album called “Asylum”. The color of the font is in a tarnished, scratched metal. Both the font and the background give across an idea of the genre of the band which is rock/metal.

Beneath their name is a small midi-player, which has been preset to play the first song from their new album. Its quite a simple layout, using the common symbols found upon CD players (Triangle, square, parallel lines) and is therefore easy to use by most people. Many sites share this feature, and so it would be a good idea to try and include this on our homepage as it also makes the site more interactive and more interesting to the public.



Half way down the webpage is some advertisement located within a grey box. Just under this there is a “news” section named “Meet disturbed!” which gives you all the latest news there is to know. On this news section there are “Youtube(.com) videos” which helps make this site more interactive, which helps with attracting and keeping an audience as it makes the page more exiting. This news section (on the front page) runs all the way down until the bottom, which is then divided up rather effectively by hyperlinks to other parts of the site. The hyperlinks are in an orange color which contrast with the dark background and makes them stand out and look more effective.