SlideShare a Scribd company logo
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 Analysis
Tom Ibbott
 
Textual analysis website 1
Textual analysis website 1Textual analysis website 1
Textual analysis website 1
ryangriffiths1999
 
Research Task - Website Analysis
Research Task - Website AnalysisResearch Task - Website Analysis
Research Task - Website Analysis
Lewis Herd
 
Digipack analysis1
Digipack analysis1Digipack analysis1
Digipack analysis1
pete_
 
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 adverts
lsuttie9
 
Textual Analysis of Magazine Adverts
Textual Analysis of Magazine AdvertsTextual Analysis of Magazine Adverts
Textual Analysis of Magazine Adverts
Rob Glover
 
Artist website pages
Artist website pagesArtist website pages
Artist website pages
maxbird1
 
Kasabian Poster Analysis
Kasabian Poster AnalysisKasabian Poster Analysis
Kasabian Poster Analysis
chloeherring
 
Evaluation of digipak full
Evaluation of digipak fullEvaluation of digipak full
Evaluation of digipak full
CVSmediastudies
 
AM Poster Analysis
AM Poster AnalysisAM Poster Analysis
AM Poster Analysis
chloeherring
 
Digi pack analysis
Digi pack analysisDigi pack analysis
Digi pack analysis
lewiscurtis1999
 
Advert analysis
Advert analysisAdvert analysis
Advert analysis
connorl16
 
Ancillary task - Magazine Poster analysis
Ancillary task - Magazine Poster analysisAncillary task - Magazine Poster analysis
Ancillary task - Magazine Poster analysis
joshmanley98
 
Cd advert analysis
Cd advert analysisCd advert analysis
Cd advert analysis
paige_rowell
 
Textual Analysis of Album covers
Textual Analysis of Album coversTextual Analysis of Album covers
Textual Analysis of Album covers
MilliBerman
 
Back cover of digi pack analysis
Back cover of digi pack analysisBack cover of digi pack analysis
Back cover of digi pack analysis
shaniceA
 
Emma Hudson- Ancillary research websites
Emma Hudson- Ancillary research websitesEmma Hudson- Ancillary research websites
Emma Hudson- Ancillary research websites
huddyem116
 
Back cover of digi pack analysis
Back cover of digi pack analysisBack cover of digi pack analysis
Back cover of digi pack analysis
shaniceA
 

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 website
rpm96
 
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 Club
rianeades
 
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 Baxter
CoombeMedia1
 
Website research
Website researchWebsite research
Website research
CoombeMedia1
 
Conventions of a website
Conventions of a websiteConventions of a website
Conventions of a website
elbelmai
 
Muse analysis
Muse analysisMuse analysis
Muse analysis
Millie Potter
 
Website Research
Website Research Website Research
Website Research
ntorro1
 
Website Research
Website ResearchWebsite Research
Website Research
ntorro1
 
Research Task - Website Analysis
Research Task - Website AnalysisResearch Task - Website Analysis
Research Task - Website Analysis
Lewis Herd
 
Mac Miller Website
Mac Miller WebsiteMac Miller Website
Mac Miller Website
kjr84
 
Similar artist website 2
Similar artist website 2Similar artist website 2
Similar artist website 2
Issy Payne
 
c&c website.pptx
c&c website.pptxc&c website.pptx
c&c website.pptx
EveBurkitt
 
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 website
Zach Cohen
 
Presentation 4
Presentation 4Presentation 4
Presentation 4
Abdur Rafeh Rizwan
 
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

Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
Ashokrao Mane college of Pharmacy Peth-Vadgaon
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
Peter Windle
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
Nguyen Thanh Tu Collection
 
Embracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic ImperativeEmbracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic Imperative
Peter Windle
 
Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
DeeptiGupta154
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
JosvitaDsouza2
 
Digital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion DesignsDigital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion Designs
chanes7
 
Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
EduSkills OECD
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
Vivekanand Anglo Vedic Academy
 
Introduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp NetworkIntroduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp Network
TechSoup
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
Mohd Adib Abd Muin, Senior Lecturer at Universiti Utara Malaysia
 
Guidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th SemesterGuidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th Semester
Atul Kumar Singh
 
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama UniversityNatural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Akanksha trivedi rama nursing college kanpur.
 
The basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptxThe basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptx
heathfieldcps1
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
Sandy Millin
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
Pavel ( NSTU)
 
Lapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdfLapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdf
Jean Carlos Nunes Paixão
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
Celine George
 
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
Levi Shapiro
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
Vikramjit Singh
 

Recently uploaded (20)

Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
 
Embracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic ImperativeEmbracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic Imperative
 
Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
 
Digital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion DesignsDigital Artifact 2 - Investigating Pavilion Designs
Digital Artifact 2 - Investigating Pavilion Designs
 
Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
 
Introduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp NetworkIntroduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp Network
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
 
Guidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th SemesterGuidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th Semester
 
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama UniversityNatural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
 
The basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptxThe basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptx
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
 
Lapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdfLapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdf
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
 
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
 

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.