The document analyzes and compares the websites of three musical artists: Halsey, Paramore, and Demi Lovato. All three websites share common design elements like simplistic URLs focused on the artist's name, navigation links in sans-serif fonts consistent with the artist's branding, and prominent placement of social media and music streaming links. Differences include Paramore and Demi Lovato's websites having additional promotional content and a stronger emphasis on online stores compared to Halsey's site. The analyses provide insights into how design conventions and each artist's styles are reflected in their official online presences.
3. WEBSITE ONE: HALSEY
1. URL: The url is simplistic, but gets the point across to the audience about who the site is for. There is no
unnecessary site domains following the url, meaning there is also no real indication about the domain used to
create the site.
2. BANNER: The font used for the banner is a sans serif font, and is in all capitals. Going off the digipak
analysis for this artist’s work as well, the first album, “Badlands” has the same typeface as the font depicted,
meaning that the artist has set a house theme which is recognisable by the audience.
3. BUTTONS: From past experience, the buttons shown here are typical of a blog interface for the social
networking site Tumblr. The home icon takes the user back to their personal dashboard, the speech bubble
allows the user to send the blog a message, and when clicked, the person icon gives the user the option to
unfollow or block the blog (depending on whether or not they are already following the blog). Another key
feature is the “Get Notifications” button, which, when clicked, allows the user to receive notifications on the
Tumblr app when the blog posts an update, allowing the user to keep up to date with the blog.
4. NAVIGATION: There are 6 links here that send the user to different urls, some of which are contained on the
blog itself, and some that lead to external links run by Universal Music Group. When the link “BIO” is clicked
on, it takes the user to a page that simply reads, “I am Halsey. I will never be anything but honest. I write
songs about sex and being sad.”
5. SOCIAL MEDIA: The icons depicted here take the user to respective social media links, enabling them to
keep in contact with the artist. There are also icons that correspond to various music streaming sites,
allowing the user to purchase the artist’s music or listen to it online.
6. POSTS: This is just an example of a post the artist has made from her social media. She has linked it so that
it can be posted to all platforms used, meaning more people can see the post and are able to engage further.
5. WEBSITE TWO: PARAMORE
1. URL: Again, the url used is simplistic, and straight to the point. A noticeable difference between this url
and the previous one for Halsey is the use of the www. preceding the band name, and the use of .net
vs .com.
2. BANNER: The banner here is lower on the page than the previous banner, and again keeps with a
house style, relating to the band’s latest release “After Laughter”. It is also in a sans serif font, which
appears to be a common factor for many alternative artists in terms of their branding on their websites.
3. IMAGE: The background image depicted here on the splash screen is a moving image (or GIF) taken
from the music video for the band’s lead single from their latest release, “Hard Times”. In this short
looping gif, we can see lead singer Hayley Williams dancing around a set, and stood in front of a
brightly coloured background along with fellow band-members Taylor York and Zac Farro.
4. NAVIGATION: The links provided allow the user to navigate to a streaming area for the band’s music,
a tour site, webstore, and (when clicked) more social media links in order for the user to keep in touch
with what the band is doing, as well as the opportunity for the user to be added to a mailing list in order
to keep up to date with the band, much like the website for Halsey.
5. OTHER LINKS: Unlike Halsey’s website, there are two other links on the page, adding to its
minimalistic style, linking to the music video for their lead single “Hard Times” and their online
marketplace in order to purchase the album “After Laughter”. The bottom of the page (which is not
visible in the screenshot) links to terms of use and privacy policies, as well as telling the user who the
copyright for the page belongs to (in this case, it is the band’s record label, Fueled By Ramen).
7. WEBSITE THREE: DEMI LOVATO
1. URL: The url is again a simple one, going straight to the point in terms of who the artist is. There are
similarities that can be drawn from both the url for the Paramore site, and the url for the Halsey site: like the
former, it begins with the www. preface, but like the latter, it ends in .com (the difference being that .com
was mainly used by businesses and commercial sites, whereas .net was used by internet service
providers).
2. NAME: The artist name once again is in a sans serif font, looking almost digital in its format. It again
appears to be a house style, looking back on past releases (see Demi, released in 2014), allowing the
audience to recognise that the website is the artist’s official one.
3. NAVIGATION: The navigation links are in the same font as the artist name, again adding to the branding of
Demi Lovato and her music. What is notable is that there is a link up here for her Tumblr page, and in the
social media links below, there is also a Tumblr link, which could potentially mean that the Tumblr page is
her main form of communication with her fans.
4. BANNER: The banner is a moving advert, scrolling through two images appearing to promote her new
album, “Tell Me You Love Me”, and a new line of merch that comes with this new release. What is another
noticeable comparison between this site and the other two is the emphasis on the stores: while Halsey and
Paramore’s sites only have one hyperlink visible on the page, Demi’s website has a hyperlink and an advert
promoting it on her page.
5. NEWS AND UPCOMING SHOWS: These sections appear to be part of the actual homepage, allowing
quick and easy access for the audience, much like Halsey’s page.
6. SOCIAL MEDIA LINKS: Once again, Demi has put links to streaming sites and her social media, as well as
a link to join a mailing list (like the other two websites). This also uses the same font as the nav links and
artist name.