Website analysis

PowerPoint Presentation

Website analysis.

(Blink-182,Green Day and 5 Seconds of Summer)

We were asked to analyze three different websites of three different bands as our pre-production work for our 'Music Video' project.

As I have previously researched on the 'Digipaks' of the bands Blink-182,Green Day and 5 seconds of summer I have decided to use their websites for my website analysis.

Blink-182

For my first website I will be looking at the website of the band 'Blink-182'.

Blink-182 is a very popular band of the 'Punk-Rock' genre and has been around since 1992.

'www.blink182merch.com' is the name of their website which is basically an online store for their merchandise.

When we first open the website we are greeted with a pop-up which says to the audience to put their 'Email' address to get exclusive news about the band e.g 'New Releases, Tour Dates, Sales, & More'.

After that when we truly enter the 'website' we are presented with a big image with 3 people wearing 'Blink-182' merchandise.

This is the image i was talking about.

blink-182 website.png

When we scroll down there are even more merchandise (T-shirts,Hoodes,Pouch etc)

on the top right there are categories which includes sweatshirts,wristbands,posters etc.

And on the most right there are links to different social media websites so that the fans can connect to the band easily.

Blink-182 categories.png

On the top left there is a band's logo.
The logo is black and has a very edgy look to it
which makes it very relatable to the 'Punk-Rock'
genre.

logo.pngcontact.pngOn the bottom of the website the band has given details as to how to contact them for business purposes.

Green Day.

The color theme of the Green day website is of the '3' albums that came out in 2012.These three albums were very similar to each other in pretty much everything from the names (Uno, Dos, Tr!) to their design.

These are the last albums that came from Green Day till now.

This is the front page of their website.
we an see the color theme of bright colors which is as i said before comes from their albums.On the top we can see the 'Green Day' logo in bright pink in contrast with the bright shades of blue in the background.
In the middle we can see the 'news feed' section in which the latest news relating to the band updates on a regular basis.On the right side they have a social media corner in which images posted by the each band member comes in front of their image.On the top there is a panel which has links which leads us to pages which are news,music,tour,pics,vids,idiot nation and store.

Green day website.png

Then on the bottom they have the same link to their other pages of the website but besides that they also have links to their social media websites so they can interact with their without much effort.

Green day website 2.png

green day.pngThen if we go down a little down we see that there is a section which notifies us of the upcoming tour dates.

below that we a 'Twitter' section in which the tweets from the band members are displayed.

On the top just below the main panel there is this another sub panel which has 4 links which leads us to other pages.
Starting from the left there is this album 'Stop Drop and Roll!!!' by the band 'Foxboro hottubs' which is a garage rock side project of Green Day, formed in 2007. The band includes all members of Green Day, and features Kevin Preston of Prima Donna Their first album Stop Drop and Roll!!! was released on April 22, 2008.
Then after that there is this link which leads us to a page dedicated to the album 'American idiot' talking about the idea behind it,the characters it includes,marketing guideline etc.

Untitled.png

As of right now the 'International' link is not working.As we can see above.

And the last link is of the short documentary 'Heart Like a Hand Grenade' made on the band.

error.pngDocumentry.png

5 Seconds of Summer

5sos.pngBefore we get to the home page we get this page instead in which the new album of the band is advertised.This is the second album by the band which has been long awaited.

5 Seconds of Summer

5sos.png This is the front page of '5 Seconds of Summer' website

mise en scne:

On the Top same as other bands websites
we can see the band's logo.
And under it we can see the panel that
includes links to other pages of the website.
In the middle there is a section that shows
about 5 latest news related to the band.
As in this picture we can see that the band
will be hosting a show at the Wembley Arena.
On the right side there is a picture which
says 'Hey everybody' which is a song from
their new album ''Sounds Good Feels Good'
There is also a link that leads us to the
'itunes' page from where we can buy the entire
album digitally.
Below this there is a section showing the
band's latest tweets.

5sos.png

5sos.pngFonts:The logo of the band is in 'Serif font'.The logo is same in all the three places on the website which tells about its consistency and how they want their logo to be easily recognizable by keeping its look same.Just like the logo which is all 'funky' looking the rest of the fonts on the website also aren't plain and simple which goes well with the logo it-self and also with the 'Punk-Rock' genre.Social meda:On the top right corner we can see the link to their social media pages.By doing this the fans are able to find all the band's social media pages easily and at one place.

When we click on the 'News' link we are brought to this page.
The page has the 'Latest News' regarding the band which can be seen above.This section of the website is basically for the fans as it tells the news regarding the band which is what most fans want.
On the right side there is an ad telling us that the new album of the band is out.Then below this there are social media sections of 'Tweeter' & 'Instagram' for the fans.

5sos 2.png

In the 'Live' section the fans can get the details of the tour of the band.
The details such as 'Dates','venues','city' and 'Country' regarding the show.
The fans can then also buy tickets of the shows they want to go to right from this page.On the right side the content is same as on the news section.

5sos 3.png

In the 'Store' section of the website the band has a
wide variety of merchandise to offer to their fans.
The store also includes the dvd of the bands
documentary along with posters,shorts,jackets etc

5sos 4.png

The page also include a section where the band members a shown wearing some stuff that the fans can also buy from the website.
They way the captions are written 'Luke's cap','Calum's sweater','Ashton's hoodie' and 'Mikey's shirt' it look like these are band member's personal clothing or belongings which makes the fans more eager to buy them.

5sos 5.png

Photos & Videos section

5sos 6.png5sos 7.pngThe 'Photos' section of the website includes pictures from the instagrams of the band members.

And the 'Videos' section of the website includes the links to the 'Music videos' and 'Behind the scenes stuff'on youtube.

The last section of the website is the 'Newsletter' section.
In this section a person is required to sign up with their social media account or by their e-mail address.
By doing this fans will get exclusive information about the band quicker e.g New music videos,New tours,New album etc
Fans can also choose to get updates about the new artists similar to this band.

5sos 8.png

Click to edit Master title style

Edit Master text styles

Second level

Third level

Fourth level

Fifth level

11/23/2015

11/23/2015

Edit Master text stylesSecond level

Third level

Fourth level

Fifth level


Click to edit Master subtitle style

11/23/2015

11/23/2015


Third level

Fourth level

Fifth level



Second level

Third level

Fourth level

Fifth level

11/23/2015

11/23/2015


Third level

Fourth level

Fifth level



11/23/2015

11/23/2015


Third level

Fourth level

Fifth level



Second level

Third level

Fourth level

Fifth level


Second level

Third level

Fourth level

Fifth level

11/23/2015

11/23/2015


Third level

Fourth level

Fifth level




Second level

Third level

Fourth level

Fifth level



Second level

Third level

Fourth level

Fifth level

11/23/2015

11/23/2015


Third level

Fourth level

Fifth level


11/23/2015

11/23/2015


Third level

Fourth level

Fifth level

11/23/2015

11/23/2015


Third level

Fourth level

Fifth level



Second level

Third level

Fourth level

Fifth level


11/23/2015

11/23/2015


Third level

Fourth level

Fifth level


Click icon to add picture


11/23/2015

11/23/2015


Third level

Fourth level

Fifth level




11/23/2015

11/23/2015


Third level

Fourth level

Fifth level



11/23/2015

11/23/2015


Third level

Fourth level

Fifth level




11/23/2015

11/23/2015


Third level

Fourth level

Fifth level



11/23/2015

11/23/2015


Third level

Fourth level

Fifth level








11/23/2015

11/23/2015


Third level

Fourth level

Fifth level











11/23/2015

11/23/2015


Third level

Fourth level

Fifth level



Second level

Third level

Fourth level

Fifth level

11/23/2015

11/23/2015


Third level

Fourth level

Fifth level



Second level

Third level

Fourth level

Fifth level

11/23/2015

11/23/2015


Third level

Fourth level

Fifth level

Website analysis

Education

Transcript of Website analysis