SlideShare uma empresa Scribd logo
1 de 19
Baixar para ler offline
Website Analysis
Genre: Pop/alternative
Angus & Julia Stone
http://angusandjuliastone.com/
Tabs
• Featured along the top of the
website, and stay at the top as
you scroll down the page.
• When your mouse hovers
above a hyperlink, the grey
text highlights pink, both the
grey and pink match the soft
theme of the website.
• simple block letters, easy to
read, and easy to navigate.
• boxes to all their social
media platforms are also
featured along the top,
when you hover your mouse
above an icon, the colour of
the website appears e.g green
spotify, blue twitter, etc.
Stands out, and grey still
matches site.
Videos
• the “videos” hyperlink
takes you to a specific
place down the page,
doesn’t take you to a
new page.
• o n ly o n e v i d e o i s
featured, the latest, but
when you hover your
mouse over it, arrows
appear on each side as an
easy way to navigate
between each video, left
or right.
tours / newsletter
• Tours hyperlink takes you further down the page, to advertise
and let fans now where they are next heading, with pink
hyperlinks and tabs within this area, and an option to track
where they are, or to notify the viewer when they are next
coming. a skin is also used behind this text, a faint grey zig-zag.
• newsletter is another feature where users can sign up for by
entering their email, and get ‘sneak peaks’ and news about
upcoming releases, and ‘exciting’ stuff, which makes the user want
to sign up.
Music
• the music hyperlink takes
us to a separate page with
their most recent, self-
titled album, available to
be purchased in three
separate formats.
• hovering your mouse
over the ‘buy’ button
b r i n g s u p d i f f e r e n t
countries, then leads on
to different stores,
providing a clean and
simple way to purchase
the album.
store
• ON THE STORE HYPERLINK, THERES TWO
OPTIONS, FOR AUSTRALIA/NEW ZEALAND
AND FOR THE REST OF THE WORLD, EASY
TO NAVIGATE.
• the FIRST store link takes the user to
a completely different WEBsite, the
artists use their store in conjunction
with “mammoth stores”. the skin
(main image) behind the site is the same
as on their actual site, and the image
remains there as you scroll down
through the list of items available to
be purchased.
coldplay
http://coldplay.com/
homepage
• changes theme depending on its most recent album, in this case, it’s
“a head full of dreams”. the website is very animated, with various
sketches and drawings that move within their little area, and
also the logo of the album in the centre of the webpage has a
colour wheel that spins around within the logo, and when you
hover your cursor over it, a hyperlink appears with the option
to purchase the album.
• the site uses cookies to remember the data you have viewed to
remember it when you next enter the site.
• another cute addition is the moons in the top right hand corner,
which change colour depending on what time of day it is in your
part of the world.
tabs
• the tabs are featured down the side of the
site, and each heading slightly brightens when
your cursor hovers over it to show it is
selected.
• each icon is unique and features the colours
of the rainbow to link into the colourful
animated and positive theme of the album.
• along the bottom of the website is also
each of the social media platforms, and
each takes to a link. each is also a different
colour of the rainbow.
news
• i particularly enjoy the news tab, because of
how easy it is to navigate through. it has
multiple pages, that you can flick through
older and newer news.
• what is very useful though, is its side tabs. the
search box brings up a giant search box taking
over the whole page asking you to type in your
search, and it brings up a list of key words.
• or you can navigate through month and year
with the arrows.
COldplay map
zoom in and select a marker,
tells you more information on
concerts played in that area, a
timeline of their events.
COldplay timeline
you can scroll through their
entire timeline, jump through eras
or go to years, and also able to
filter through categories down
the side.
lana del rey
http://lanadelrey.com/homepage/
homepage
• the site doesn’t initially take you to the homepage, it advertises her
new album “honeymoon”, and in the bottom right hand corner,
saying “enter site”.
• In the background of the website, the music video for “high by the
beach”, her newest video from her newest album. this promotes
users to be hooked in by the video/song and be persuaded to
purchase the album.
• on top of the video playing, you also get 4 different platform
hyperlinks in which you can purchase the album.
• down the right hand side, lana follows her blue, red and white
patriotic theme with a scroll bar (in red and white).
• cookies are used in this website.
tabs
• lana del rey has always very
much about ‘america’, especially
in the 60’s era, so very vintage. the
colours are often of the flag,
red, blue, and white, as seen on
the top of the website in the tab
area.
• lana’s name in red and stands
out, with her typical font, and
the smaller hyperlinks of all the
places that the user can be taken
to in the site. the link turns red
when the cursor hovers over it.
• on the top right hand
corner are links to her
social media sites, all in the
same blue, and when the
cursor hovers over the
icon, it turns the same red as
lana’s logo. the green
spotify follow logo is the
only logo that isn’t blue,
and stands out, being more
important.
news
• you can either scroll down past the main video, or click the news
tab that will take you to that place on the page. there are 8 news
articles featured of the latest date.
• when your cursor hovers over an article/photo, the title of the
article reverses colour from white to red, and the date from red
to white, as displayed in the first news article below.
• when you click on the article, it takes you to another page, where a
message board/comment section can be found to connect to other
fans and express your opinions.
music / gallery / videos
• as seen by the previous slide,
her page is very systematic
and follows a theme. every
photo and link is square
(save for the videos), and her
videos and galleries have
her font in white over the
top that turn red when
hovered over.
• when you click on an image
in the gallery, you enter
another viewing mode, easier
to scroll through, and
theres an option to enter it
into full screen mode.

Mais conteúdo relacionado

Destaque

Letter of Recommendation for Tom Chih
Letter of Recommendation for Tom ChihLetter of Recommendation for Tom Chih
Letter of Recommendation for Tom Chih
Tom Chih
 
Polycomp - Letter of Recommendation 2016
Polycomp - Letter of Recommendation 2016Polycomp - Letter of Recommendation 2016
Polycomp - Letter of Recommendation 2016
ccstrain
 
презентація уроку дністровський каньйон
презентація уроку дністровський каньйонпрезентація уроку дністровський каньйон
презентація уроку дністровський каньйон
olgasamiltnko7
 

Destaque (13)

Digipak Analysis
Digipak Analysis Digipak Analysis
Digipak Analysis
 
Letter of Recommendation for Tom Chih
Letter of Recommendation for Tom ChihLetter of Recommendation for Tom Chih
Letter of Recommendation for Tom Chih
 
Recommendation_letter - Quinyx
Recommendation_letter - QuinyxRecommendation_letter - Quinyx
Recommendation_letter - Quinyx
 
TDC2016POA | Trilha IoT - Como gerenciar a complexidade de um mundo conectado
TDC2016POA | Trilha IoT - Como gerenciar a complexidade de um mundo conectadoTDC2016POA | Trilha IoT - Como gerenciar a complexidade de um mundo conectado
TDC2016POA | Trilha IoT - Como gerenciar a complexidade de um mundo conectado
 
Polycomp - Letter of Recommendation 2016
Polycomp - Letter of Recommendation 2016Polycomp - Letter of Recommendation 2016
Polycomp - Letter of Recommendation 2016
 
Aydınevler Bosch Kombi Servisi - 258
Aydınevler Bosch Kombi Servisi - 258Aydınevler Bosch Kombi Servisi - 258
Aydınevler Bosch Kombi Servisi - 258
 
SCRUM - Comunicação
SCRUM - ComunicaçãoSCRUM - Comunicação
SCRUM - Comunicação
 
Portfólio resumido 2016 Nexo arquitetura
Portfólio resumido 2016 Nexo arquitetura Portfólio resumido 2016 Nexo arquitetura
Portfólio resumido 2016 Nexo arquitetura
 
Intoxicacion por arsenicoo
Intoxicacion por arsenicooIntoxicacion por arsenicoo
Intoxicacion por arsenicoo
 
Teste de Aceitação: problemas, desafios e abordagens
Teste de Aceitação: problemas, desafios e abordagensTeste de Aceitação: problemas, desafios e abordagens
Teste de Aceitação: problemas, desafios e abordagens
 
TDC2016SP - Trilha Análise de Negócios
TDC2016SP - Trilha Análise de NegóciosTDC2016SP - Trilha Análise de Negócios
TDC2016SP - Trilha Análise de Negócios
 
La máquina humana
La máquina humanaLa máquina humana
La máquina humana
 
презентація уроку дністровський каньйон
презентація уроку дністровський каньйонпрезентація уроку дністровський каньйон
презентація уроку дністровський каньйон
 

Semelhante a Music websites - Bianca

Website research 2
Website research 2Website research 2
Website research 2
LarelleShay
 
Website Research - Analysis of Genre Websites
Website Research - Analysis of Genre WebsitesWebsite Research - Analysis of Genre Websites
Website Research - Analysis of Genre Websites
LarelleShay
 
Website research 2
Website research 2Website research 2
Website research 2
LarelleShay
 
Websites Codes and Conventions
Websites Codes and ConventionsWebsites Codes and Conventions
Websites Codes and Conventions
mollybeck_
 
The hives website
The hives websiteThe hives website
The hives website
joelbmedia
 
Research Task - Website Analysis
Research Task - Website AnalysisResearch Task - Website Analysis
Research Task - Website Analysis
Lewis Herd
 
Website Research - Analysis of Genre Websites
Website Research - Analysis of Genre WebsitesWebsite Research - Analysis of Genre Websites
Website Research - Analysis of Genre Websites
LarelleShay
 

Semelhante a Music websites - Bianca (20)

website research.pptx
website research.pptxwebsite research.pptx
website research.pptx
 
website research
website research website research
website research
 
Website Research & Analysis
Website Research & AnalysisWebsite Research & Analysis
Website Research & Analysis
 
Lady gaga website analysis
Lady gaga website analysisLady gaga website analysis
Lady gaga website analysis
 
Website research 2
Website research 2Website research 2
Website research 2
 
Website Research - Analysis of Genre Websites
Website Research - Analysis of Genre WebsitesWebsite Research - Analysis of Genre Websites
Website Research - Analysis of Genre Websites
 
Topshop Case Study
Topshop Case Study Topshop Case Study
Topshop Case Study
 
Website Analysis
Website AnalysisWebsite Analysis
Website Analysis
 
Conventions of Artists' Websites
Conventions of Artists' WebsitesConventions of Artists' Websites
Conventions of Artists' Websites
 
Research Task - Website Analysis
Research Task - Website AnalysisResearch Task - Website Analysis
Research Task - Website Analysis
 
Research Task - Website Analysis
Research Task - Website AnalysisResearch Task - Website Analysis
Research Task - Website Analysis
 
Web1
Web1Web1
Web1
 
Website research 2
Website research 2Website research 2
Website research 2
 
Research task 3 website conventional graphic elements.pptx
Research task 3 website conventional graphic elements.pptxResearch task 3 website conventional graphic elements.pptx
Research task 3 website conventional graphic elements.pptx
 
Websites Codes and Conventions
Websites Codes and ConventionsWebsites Codes and Conventions
Websites Codes and Conventions
 
The hives website
The hives websiteThe hives website
The hives website
 
Websites
WebsitesWebsites
Websites
 
Research Task - Website Analysis
Research Task - Website AnalysisResearch Task - Website Analysis
Research Task - Website Analysis
 
Website Research - Analysis of Genre Websites
Website Research - Analysis of Genre WebsitesWebsite Research - Analysis of Genre Websites
Website Research - Analysis of Genre Websites
 
Question 6
Question 6Question 6
Question 6
 

Mais de Lewis Herd (17)

Concept for 'Good To Love'
Concept for 'Good To Love'Concept for 'Good To Love'
Concept for 'Good To Love'
 
Andrew Huang - Coursework task (Version #2)
Andrew Huang - Coursework task (Version #2)Andrew Huang - Coursework task (Version #2)
Andrew Huang - Coursework task (Version #2)
 
Question 1
Question 1Question 1
Question 1
 
Edit Decision List
Edit Decision ListEdit Decision List
Edit Decision List
 
Log
LogLog
Log
 
Memento Essay
Memento EssayMemento Essay
Memento Essay
 
Project managment
Project managmentProject managment
Project managment
 
Paranoia
ParanoiaParanoia
Paranoia
 
Paranoia Script (UPDATED)
Paranoia Script (UPDATED)Paranoia Script (UPDATED)
Paranoia Script (UPDATED)
 
Cast and Crew
Cast and CrewCast and Crew
Cast and Crew
 
Shooting Schedule
Shooting ScheduleShooting Schedule
Shooting Schedule
 
Props and Costumes
Props and CostumesProps and Costumes
Props and Costumes
 
Paranoia
ParanoiaParanoia
Paranoia
 
Treatment
TreatmentTreatment
Treatment
 
Shutter Island notes
Shutter Island notesShutter Island notes
Shutter Island notes
 
Vertigo notes
Vertigo notesVertigo notes
Vertigo notes
 
Sopa pipa.key
Sopa pipa.keySopa pipa.key
Sopa pipa.key
 

Último

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
KarakKing
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 

Último (20)

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
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
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
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 

Music websites - Bianca

  • 2. Angus & Julia Stone http://angusandjuliastone.com/
  • 3. Tabs • Featured along the top of the website, and stay at the top as you scroll down the page. • When your mouse hovers above a hyperlink, the grey text highlights pink, both the grey and pink match the soft theme of the website. • simple block letters, easy to read, and easy to navigate. • boxes to all their social media platforms are also featured along the top, when you hover your mouse above an icon, the colour of the website appears e.g green spotify, blue twitter, etc. Stands out, and grey still matches site.
  • 4. Videos • the “videos” hyperlink takes you to a specific place down the page, doesn’t take you to a new page. • o n ly o n e v i d e o i s featured, the latest, but when you hover your mouse over it, arrows appear on each side as an easy way to navigate between each video, left or right.
  • 5. tours / newsletter • Tours hyperlink takes you further down the page, to advertise and let fans now where they are next heading, with pink hyperlinks and tabs within this area, and an option to track where they are, or to notify the viewer when they are next coming. a skin is also used behind this text, a faint grey zig-zag. • newsletter is another feature where users can sign up for by entering their email, and get ‘sneak peaks’ and news about upcoming releases, and ‘exciting’ stuff, which makes the user want to sign up.
  • 6. Music • the music hyperlink takes us to a separate page with their most recent, self- titled album, available to be purchased in three separate formats. • hovering your mouse over the ‘buy’ button b r i n g s u p d i f f e r e n t countries, then leads on to different stores, providing a clean and simple way to purchase the album.
  • 7. store • ON THE STORE HYPERLINK, THERES TWO OPTIONS, FOR AUSTRALIA/NEW ZEALAND AND FOR THE REST OF THE WORLD, EASY TO NAVIGATE. • the FIRST store link takes the user to a completely different WEBsite, the artists use their store in conjunction with “mammoth stores”. the skin (main image) behind the site is the same as on their actual site, and the image remains there as you scroll down through the list of items available to be purchased.
  • 9. homepage • changes theme depending on its most recent album, in this case, it’s “a head full of dreams”. the website is very animated, with various sketches and drawings that move within their little area, and also the logo of the album in the centre of the webpage has a colour wheel that spins around within the logo, and when you hover your cursor over it, a hyperlink appears with the option to purchase the album. • the site uses cookies to remember the data you have viewed to remember it when you next enter the site. • another cute addition is the moons in the top right hand corner, which change colour depending on what time of day it is in your part of the world.
  • 10. tabs • the tabs are featured down the side of the site, and each heading slightly brightens when your cursor hovers over it to show it is selected. • each icon is unique and features the colours of the rainbow to link into the colourful animated and positive theme of the album. • along the bottom of the website is also each of the social media platforms, and each takes to a link. each is also a different colour of the rainbow.
  • 11. news • i particularly enjoy the news tab, because of how easy it is to navigate through. it has multiple pages, that you can flick through older and newer news. • what is very useful though, is its side tabs. the search box brings up a giant search box taking over the whole page asking you to type in your search, and it brings up a list of key words. • or you can navigate through month and year with the arrows.
  • 12. COldplay map zoom in and select a marker, tells you more information on concerts played in that area, a timeline of their events.
  • 13. COldplay timeline you can scroll through their entire timeline, jump through eras or go to years, and also able to filter through categories down the side.
  • 15. homepage • the site doesn’t initially take you to the homepage, it advertises her new album “honeymoon”, and in the bottom right hand corner, saying “enter site”. • In the background of the website, the music video for “high by the beach”, her newest video from her newest album. this promotes users to be hooked in by the video/song and be persuaded to purchase the album. • on top of the video playing, you also get 4 different platform hyperlinks in which you can purchase the album. • down the right hand side, lana follows her blue, red and white patriotic theme with a scroll bar (in red and white). • cookies are used in this website.
  • 16. tabs • lana del rey has always very much about ‘america’, especially in the 60’s era, so very vintage. the colours are often of the flag, red, blue, and white, as seen on the top of the website in the tab area. • lana’s name in red and stands out, with her typical font, and the smaller hyperlinks of all the places that the user can be taken to in the site. the link turns red when the cursor hovers over it. • on the top right hand corner are links to her social media sites, all in the same blue, and when the cursor hovers over the icon, it turns the same red as lana’s logo. the green spotify follow logo is the only logo that isn’t blue, and stands out, being more important.
  • 17. news • you can either scroll down past the main video, or click the news tab that will take you to that place on the page. there are 8 news articles featured of the latest date. • when your cursor hovers over an article/photo, the title of the article reverses colour from white to red, and the date from red to white, as displayed in the first news article below. • when you click on the article, it takes you to another page, where a message board/comment section can be found to connect to other fans and express your opinions.
  • 18.
  • 19. music / gallery / videos • as seen by the previous slide, her page is very systematic and follows a theme. every photo and link is square (save for the videos), and her videos and galleries have her font in white over the top that turn red when hovered over. • when you click on an image in the gallery, you enter another viewing mode, easier to scroll through, and theres an option to enter it into full screen mode.