SlideShare a Scribd company logo
1 of 7
WEBSITE ANALYSIS
Ellinor Jane Lennie (2472)
WEBSITE ONE: HALSEY
1
2
3
4 5
6
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.
WEBSITE TWO: PARAMORE
1
2
3
4
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).
WEBSITE THREE: DEMI LOVATO
1
2
3
4
5
6
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.

More Related Content

What's hot

Magazine Advert Analysis
Magazine Advert AnalysisMagazine Advert Analysis
Magazine Advert AnalysisTom Ibbott
 
Research Task - Website Analysis
Research Task - Website AnalysisResearch Task - Website Analysis
Research Task - Website AnalysisLewis Herd
 
Digipack analysis1
Digipack analysis1Digipack analysis1
Digipack analysis1pete_
 
Digipak Analysis
Digipak Analysis Digipak Analysis
Digipak Analysis Rob Glover
 
Textual analysis of magazine adverts
Textual analysis of magazine advertsTextual analysis of magazine adverts
Textual analysis of magazine advertslsuttie9
 
Textual Analysis of Magazine Adverts
Textual Analysis of Magazine AdvertsTextual Analysis of Magazine Adverts
Textual Analysis of Magazine AdvertsRob Glover
 
Artist website pages
Artist website pagesArtist website pages
Artist website pagesmaxbird1
 
Kasabian Poster Analysis
Kasabian Poster AnalysisKasabian Poster Analysis
Kasabian Poster Analysischloeherring
 
Evaluation of digipak full
Evaluation of digipak fullEvaluation of digipak full
Evaluation of digipak fullCVSmediastudies
 
AM Poster Analysis
AM Poster AnalysisAM Poster Analysis
AM Poster Analysischloeherring
 
Advert analysis
Advert analysisAdvert analysis
Advert analysisconnorl16
 
Ancillary task - Magazine Poster analysis
Ancillary task - Magazine Poster analysisAncillary task - Magazine Poster analysis
Ancillary task - Magazine Poster analysisjoshmanley98
 
Cd advert analysis
Cd advert analysisCd advert analysis
Cd advert analysispaige_rowell
 
Textual Analysis of Album covers
Textual Analysis of Album coversTextual Analysis of Album covers
Textual Analysis of Album coversMilliBerman
 
Back cover of digi pack analysis
Back cover of digi pack analysisBack cover of digi pack analysis
Back cover of digi pack analysisshaniceA
 
Emma Hudson- Ancillary research websites
Emma Hudson- Ancillary research websitesEmma Hudson- Ancillary research websites
Emma Hudson- Ancillary research websiteshuddyem116
 
Back cover of digi pack analysis
Back cover of digi pack analysisBack cover of digi pack analysis
Back cover of digi pack analysisshaniceA
 

What's hot (20)

Magazine Advert Analysis
Magazine Advert AnalysisMagazine Advert Analysis
Magazine Advert Analysis
 
Textual analysis website 1
Textual analysis website 1Textual analysis website 1
Textual analysis website 1
 
Research Task - Website Analysis
Research Task - Website AnalysisResearch Task - Website Analysis
Research Task - Website Analysis
 
Digipack analysis1
Digipack analysis1Digipack analysis1
Digipack analysis1
 
Digipak Analysis
Digipak Analysis Digipak Analysis
Digipak Analysis
 
Textual analysis of magazine adverts
Textual analysis of magazine advertsTextual analysis of magazine adverts
Textual analysis of magazine adverts
 
Textual Analysis of Magazine Adverts
Textual Analysis of Magazine AdvertsTextual Analysis of Magazine Adverts
Textual Analysis of Magazine Adverts
 
Artist website pages
Artist website pagesArtist website pages
Artist website pages
 
Kasabian Poster Analysis
Kasabian Poster AnalysisKasabian Poster Analysis
Kasabian Poster Analysis
 
Evaluation of digipak full
Evaluation of digipak fullEvaluation of digipak full
Evaluation of digipak full
 
AM Poster Analysis
AM Poster AnalysisAM Poster Analysis
AM Poster Analysis
 
Bastille website homepage
Bastille website homepageBastille website homepage
Bastille website homepage
 
Digi pack analysis
Digi pack analysisDigi pack analysis
Digi pack analysis
 
Advert analysis
Advert analysisAdvert analysis
Advert analysis
 
Ancillary task - Magazine Poster analysis
Ancillary task - Magazine Poster analysisAncillary task - Magazine Poster analysis
Ancillary task - Magazine Poster analysis
 
Cd advert analysis
Cd advert analysisCd advert analysis
Cd advert analysis
 
Textual Analysis of Album covers
Textual Analysis of Album coversTextual Analysis of Album covers
Textual Analysis of Album covers
 
Back cover of digi pack analysis
Back cover of digi pack analysisBack cover of digi pack analysis
Back cover of digi pack analysis
 
Emma Hudson- Ancillary research websites
Emma Hudson- Ancillary research websitesEmma Hudson- Ancillary research websites
Emma Hudson- Ancillary research websites
 
Back cover of digi pack analysis
Back cover of digi pack analysisBack cover of digi pack analysis
Back cover of digi pack analysis
 

Similar to Website Analysis

Media ppt website
Media ppt websiteMedia ppt website
Media ppt websiterpm96
 
Disclosure’s website
Disclosure’s websiteDisclosure’s website
Disclosure’s websitesophielarkin
 
Website analysis
Website analysis Website analysis
Website analysis Sandy Raii
 
Two Door Cinema Club
Two Door Cinema ClubTwo Door Cinema Club
Two Door Cinema Clubrianeades
 
Analysis of website convention (the killers)
Analysis of website convention (the killers)Analysis of website convention (the killers)
Analysis of website convention (the killers)Forbzy
 
Website research - Abigail Baxter
Website research -  Abigail BaxterWebsite research -  Abigail Baxter
Website research - Abigail BaxterCoombeMedia1
 
Conventions of a website
Conventions of a websiteConventions of a website
Conventions of a websiteelbelmai
 
Website Research
Website Research Website Research
Website Research ntorro1
 
Website Research
Website ResearchWebsite Research
Website Researchntorro1
 
Research Task - Website Analysis
Research Task - Website AnalysisResearch Task - Website Analysis
Research Task - Website AnalysisLewis Herd
 
Mac Miller Website
Mac Miller WebsiteMac Miller Website
Mac Miller Websitekjr84
 
Similar artist website 2
Similar artist website 2Similar artist website 2
Similar artist website 2Issy Payne
 
c&c website.pptx
c&c website.pptxc&c website.pptx
c&c website.pptxEveBurkitt
 
Webpage Analysis- Two Door Cinema Club
Webpage Analysis- Two Door Cinema ClubWebpage Analysis- Two Door Cinema Club
Webpage Analysis- Two Door Cinema ClubLauraa Shimmingtons
 
Plan B website
Plan B websitePlan B website
Plan B websiteZach Cohen
 
Similar product research
Similar product researchSimilar product research
Similar product researchamymyersmedia
 

Similar to Website Analysis (20)

Media ppt website
Media ppt websiteMedia ppt website
Media ppt website
 
Disclosure’s website
Disclosure’s websiteDisclosure’s website
Disclosure’s website
 
Website analysis
Website analysis Website analysis
Website analysis
 
Two Door Cinema Club
Two Door Cinema ClubTwo Door Cinema Club
Two Door Cinema Club
 
Analysis of website convention (the killers)
Analysis of website convention (the killers)Analysis of website convention (the killers)
Analysis of website convention (the killers)
 
Website research - Abigail Baxter
Website research -  Abigail BaxterWebsite research -  Abigail Baxter
Website research - Abigail Baxter
 
Website research
Website researchWebsite research
Website research
 
Conventions of a website
Conventions of a websiteConventions of a website
Conventions of a website
 
Muse analysis
Muse analysisMuse analysis
Muse analysis
 
Website Research
Website Research Website Research
Website Research
 
Website Research
Website ResearchWebsite Research
Website Research
 
Research Task - Website Analysis
Research Task - Website AnalysisResearch Task - Website Analysis
Research Task - Website Analysis
 
Mac Miller Website
Mac Miller WebsiteMac Miller Website
Mac Miller Website
 
Similar artist website 2
Similar artist website 2Similar artist website 2
Similar artist website 2
 
c&c website.pptx
c&c website.pptxc&c website.pptx
c&c website.pptx
 
Webpage Analysis- Two Door Cinema Club
Webpage Analysis- Two Door Cinema ClubWebpage Analysis- Two Door Cinema Club
Webpage Analysis- Two Door Cinema Club
 
Webpage Analysis
Webpage AnalysisWebpage Analysis
Webpage Analysis
 
Plan B website
Plan B websitePlan B website
Plan B website
 
Presentation 4
Presentation 4Presentation 4
Presentation 4
 
Similar product research
Similar product researchSimilar product research
Similar product research
 

Recently uploaded

Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...Nguyen Thanh Tu Collection
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibitjbellavia9
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxheathfieldcps1
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Pooja Bhuva
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsKarakKing
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxEsquimalt MFRC
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxJisc
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptxMaritesTamaniVerdade
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - Englishneillewis46
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Jisc
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structuredhanjurrannsibayan2
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxmarlenawright1
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jisc
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfSherif Taha
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17Celine George
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.MaryamAhmad92
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxPooja Bhuva
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentationcamerronhm
 

Recently uploaded (20)

Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 

Website Analysis

  • 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).
  • 6. WEBSITE THREE: DEMI LOVATO 1 2 3 4 5 6
  • 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.