# data[].attributes.headline
Echosmith's Contact Section, with Social Media but No Subscription Outside the Everpresent Navigation Bar

# data[].attributes.subject
Echosmith's Contact Section, with Social Media but No Subscription Outside the Everpresent Navigation Bar

# data[].attributes.headline
An Example of Interactivity on Chvrches' Website- the Tiles Expand and Display Text when Scrolled Over

# data[].attributes.subject
An Example of Interactivity on Chvrches' Website- the Tiles Expand and Display Text when Scrolled Over

# data[].attributes.body
The contact section is a very common convention, hosting practical and legal information to do with the band. We have used this to great effect, condensing all of this into one short section at the bottom of our website. We also developed it by offering one more opportunity to subscribed and access the band's social media and experience their identity, which is an evermore enticing option now that the audience member has reached the end of the website's main content.

# data[].attributes.body
Like the with the main gallery, we have developed the convention by building interactivity directly into this extra gallery section in order to entice our audience. People can scroll through circular image previews, highlight certain ones by scrolling over them, open them up for better viewing, and even use arrow icons to scroll through the enlarged images.

# data[].attributes.headline
The Gallery of Deap Vally's Website, with a More Conventional But Less Interesting Layout than Our Website

# data[].attributes.subject
The Gallery of Deap Vally's Website, with a More Conventional But Less Interesting Layout than Our Website

# data[].attributes.body
We have challenged conventions somewhat just by including a gallery- some websites nowadays have foregone this, but we are with the remaining few that believe it is a good way to build up the identity of your star, in accordance with the theories of Richard Dyer. We have also challenged even those websites somewhat, because we haven't just got a single gallery for the whole band, with a focus on the singer- while the singer is positioned at the front of the group, each member of the band has their own gallery.

# data[].attributes.headline
Best Coast, a Major Influence for a Lot of the Project, Has a Very Conventional Shop

# data[].attributes.subject
Best Coast, a Major Influence for a Lot of the Project, Has a Very Conventional Shop

# data[].attributes.body
Virtually every single music website has a shop. Merchandise is yet another way the website acts as a hub for the band, allowing people to show their support, and providing yet another way to buy. It is a very strong convention that we followed fairly closely due to its proven effectiveness.

# data[].attributes.headline
The Subscription Section of Chvrches' Website, Not Integrated with Social Media Like Our Site

# data[].attributes.subject
The Subscription Section of Chvrches' Website, Not Integrated with Social Media Like Our Site

# data[].attributes.body
The news section both allows the building up of identity by linking to the band's social media and providing information on the band, but also allows for another, this time free opportunity to interact and get immersed in the world of the band through a subscription box. This is a useful convention which we have developed to included both these things in one section.

# data[].attributes.body
Richard Dyer's star theory was important in creating the website. It states that a star is more than just an artist, and grows out of the real personality of the artist, and is constructed from their beliefs and style and so on, in order to be an authentic product of their time, and enable them to be sold to the audience. Thus a conventional information page like this was an important inclusion- each member has one, but Casey's is the most significant. It tells of her sexuality, political beliefs, and personality, while showing off her fashion sense, allowing her to connect with her young adult target audience.

# data[].attributes.body
We wanted to utilise some of Henry Jenkins' theory on participatory culture. While this is a very deep and in-depth theory, one aspect of it is that for a piece of media to be successful and/or go viral, it must include interactivity and allow people to participate in it. Thus, we created a contest based around spreading the word of our band, to capitalise on this theory. We placed multiple ways to access this contest around the site- anyone who visits the site will inevitably see the contest, and anyone who sees the spread of the contest will visit the site.

# data[].attributes.headline
The Tours Section of One of Our Major Influences, Echosmith's Website

# data[].attributes.subject
The Tours Section of One of Our Major Influences, Echosmith's Website

# data[].attributes.body
A 'tour' section is very conventional, and helps establish an artist, while providing another, different opportunity to buy, as a website should.

# data[].attributes.headline
Echosmith Offering Multiple Third-Party Purchase Options, but No First-Party Options

# data[].attributes.subject
Echosmith Offering Multiple Third-Party Purchase Options, but No First-Party Options

# data[].attributes.body
We decided to both use and challenge conventions to do with purchasing the album. While we conventionally offer various third-party ways to buy our album, we also offer a direct download from our own website. This should help attract people to the prospect of buying, as they do not even have to leave the site.

# data[].attributes.headline
Our Singer Laughing and Advertising the Contest in the Header

# data[].attributes.subject
Our Singer Laughing and Advertising the Contest in the Header

# data[].attributes.body
A header with multiple images of our artist. We wanted to immediately display our star in accordance with the theories of David Gauntlett. We included a solo image of our lead singer, as she is the driving personality of the band, and it is important to establish her identity early on to capture the audience.

# data[].attributes.headline
The Video Section of Best Coast's Website, a Couple of Sections Below the Header but Still Close to the Top

# data[].attributes.subject
The Video Section of Best Coast's Website, a Couple of Sections Below the Header but Still Close to the Top

# data[].attributes.body
We noticed many websites would put their most recent music video right at the top in the scrolling image box. We wanted to develop on this convention, so that we could have more variety in the top box, while still showing off our music video near the top of the page, to draw people into our band's identity and output. Thus, we followed a few key influences, who were following this new trend. We did, however, include a link to the music video as one of the boxes you can scroll through in the header, to further utilise this convention.

# data[].attributes.headline
The Pop-Up for Entry to Chvrches' Website

# data[].attributes.subject
The Pop-Up for Entry to Chvrches' Website

# data[].attributes.body
After we noticed it was a convention, we decided to utilise a pop-up upon entry to the site. It provides an immediate opportunity to buy, requires interaction in the form of clicking the 'X' to close it and engages people with the site as soon as they enter, and it further reinforces the image of the band by showing off the front page of the album cover.

# data[].attributes.headline
The Pop-Up from Initial Entry to the Site

# data[].attributes.subject
The Pop-Up from Initial Entry to the Site

# data[].attributes.headline
Clicking a Highlighted Piece of Merchandise and Reaching its Page

# data[].attributes.subject
Clicking a Highlighted Piece of Merchandise and Reaching its Page

# data[].attributes.attachment_link.title
Female Adult T Shirt Merchandise Shop 2 Page

# data[].attributes.headline
Clicking the Arrows Next to a Row of Circles

# data[].attributes.subject
Clicking the Arrows Next to a Row of Circles

# data[].attributes.headline
Clicking a Highlighted Band Member's Box and Reaching Their About Page

# data[].attributes.subject
Clicking a Highlighted Band Member's Box and Reaching Their About Page

# data[].attributes.headline
Scrolling Over an Image in a Personal Gallery

# data[].attributes.subject
Scrolling Over an Image in a Personal Gallery

# data[].attributes.headline
Clicking a Highlighted Band Member and Reaching Their Gallery

# data[].attributes.subject
Clicking a Highlighted Band Member and Reaching Their Gallery

# data[].attributes.body
Our entire website, laid out in sections. Click any section (or indeed any image in this webtool) for an enlarged view.)