One Direction are a synthetic boy band, their main audience members are teen girls which is highlighted in the layout and overall imagery of the website.
The first landing page is of the band in a face on shot with the One Direction Logo pasted atop, then the name of their most recent album is underneath 'Four' and then a hyperlink for the user to purchase this album.If left on this image for a long time, the shots of the images change fairly quickly in a series of collages, displaying to the fans their childish and cheeky personalities and also adds a sense of depth to the website overall feel.
Further down the page the user if left with hyperlinks to different sections of their website, including: Music, Band, Tour, Journal, Shop and Merchandise.
If hovered over, the hyperlinks change through a series of fonts, which makes the website feel more interactive.
Down the page the user is overwhelmed with a large picture of the bands new music video, with a short description on one side of the page and a rather large play button on the other.Then embedded into the page is a feed to the bands Instagram account, and a highlight from the 'Journal' section of the website, where the user is advertised to "Read More" of the article
Then a music section advertising the bands most recent album, then the bands next tour dates are displayed with a 'Buy Tickets' button.
The user is also encouraged to subscribe to the bands newsletters, to find out major news in the lives of the most successful boy band in recent times.Another hyperlink to the bands gallery is joined with a link to the bands twitter feed, which has also been embedded into the page.
Lastly at the bottom of the page the user is finally able to listen to the bands music through various different platforms, there are also numerous links to the bands social media pages including: Facebook, Twitter, Pinterest, Soundcloud, Spotify, YouTube, Instagram and Google plus
And also right at the bottom of the landing page is the artists record label, privacy policy and the ability to toggle the language which is seen on the page.
 |
| Social Media links and footer at the bottom of the page including Record Label, Language Toggle and Privacy Policy |
------------------------------------------------------------------------------------------
To contrast with the very synthetic boy band artist that is One Direction, I chose to look at the artist, Alt-J website, hoping to find the similarities and differences between these two different artists websites.
They are an indie band, however they relate to our artist since the artist is not featured in their music videos or on their album covers, and rather opt for a faceless and abstract approach.The imagery of the artist used on both their album and throughout their website could be seen as childlike and abstract since the image is of coloured paint. This adds a sense of innocence to the bands personality.
The website homepage is very clean and relates to the artists album with imagery of the paint splattered.
The links on the first page include News, Live, Music, Shop, Sign Up. Once hovered over they have a different colour.
Underneath the links to the website they have links to social media and online media pages, including Facebook, Twitter, YouTube, SoundCloud, Tumblr and Spotify.
The News, Live and Music links automatically moves down the page where the contents is located, however the user can scroll down the page themselves without having to click a link.However the Shop and Sign Up links take the user to a different webpage opened up in a new tab.
Other artists in their News section would include an embedded feed from their social media, however this artist feels though this is unimportant and feels like this is not actually news.
The next section is their Live concerts they are playing, it appears in a list with the most current show first, and also includes a link to where you can purchase tickets.
 |
| The SmartUrl website which allows the user to find different ways to listen to the artists music |
On certain songs which have been previously released as singles, once clicked, the user would be directed to a SmartUrl page where the user is given options to listen or watch the song or music video through various services such as YouTube, Vevo, Spotify, Rdio, Beats Music, Deezer, Google Play, Xbox Music etc.
At the bottom of the page it has the artists copyright, links to the artists record label, the websites privacy policy and terms & conditions.
And lastly there is a link to the website creator
Similarities
|
Differences
|
Highlights of content on one main page
|
1D – Links to different sections of the website for a more
detailed look
Alt-J – Directs you to items on this one main page
|
Interactive links to main pages including:
·
Music
·
Tour/Live
·
Shop
·
News/Journal
|
However these are in different orders for each artist.
1D – Also have link to merchandise
|
Interactive links to Social media pages including:
·
Facebook
·
Twitter
·
SoundCloud
·
Spotify
Sign up to the artists’ newsletter for fans to receive
major news happening to their artist.
|
1D – Pinterest, YouTube, Instagram, Google plus - These links are placed at the bottom of the page since their music isn't placed at the forefront of their careers success.
Alt-J – Tumblr
Instagram is a place
where images are used to tell a story, and since 1D are sold on their looks,
this is a perfect way for them to reach their fans, which may not be quite
right for Alt-J.
|
Takes full use of the whole screen, adding to the viewers
experience
|
1D - Large pictures of the band members
|
Buttons to purchase tickets for their upcoming events
|
1D - Twitter & Instagram feed embedded as part of their news
|
Able to play music video, stream and listen to music at a
click of a button
|
1D – They are the face of their brand, not the music they
create
Alt-J – are faceless and use colour and imagery used on
albums as a means of connecting to their fans
|
At bottom of page:
Record Label, Privacy Policy |
1D – Able to Toggle language
|
No comments:
Post a Comment