Category Archives: Web Page

Web Page Draft 1 and Final Draft with what has changed

Below is the Draft 1 of my Website. We created this website using the online technology, ‘Wix’ and have received some feedback from our teacher on how we could improve this initial draft. I have embedded the Screencastify showing our feedback.

Below are the main points of feedback that we received:

  • Needs finishing
  • Good news & gallery page – effective slideshow – is it necessary to have collage of star as well as slideshow?
  • Make story headlines more obvious that they are headlines – possibly add in lines
  • Good tours page – make it more obvious that we can buy tickets by clicking on the date (maybe add info at top of the page)
  • Really likes merchandise page – good use of the compass graphic as a logo
  • Home page feels a bit bare – add in the logo & use eyeline match for call to action – also get rid of empty scroll
  • Photos are good – really likes our mock-up digipak covers
  • Good lyrics page – finish the lyrics (add placeholder text)

Embedded below is the final draft of our Website. We took on all of the feedback that we received in the above Screencastify from our draft 1 to ensure that this final draft was the best it could possibly be. My partner and I feel that our website does a good job at relaying our brand image back to our target audience.


Flow chart & Preferred Template

This is the sitemap for our Music Website. My group will follow this template when designing our website in order ensure that we do not miss out any of the conventional features. Creating a sitemap to follow ensures that our website has been well planned and thought-out, it will follow a clear, simple-to-follow structure.

We have included several other pages in the navigation bar besides just a page to showcase our music video and our digipak. We have ensured to represent all conventional features of Music Websites so we have a page dedicated to upcoming tours, a page dedicated to song lyrics, a page dedicated to merchandise and another page dedicated to news & images of our artist. We have decided to incorporate these other pages to ensure that all generic features of typical websites used to promote music artists have been represented in our own website.

Website Previous Students Work

In order to fully prepare for creating our own website to advertise/promote our star, we have looked at similar websites created by previous students from other centres to advertise and promote their star. Please click on the thumbnail down below to be taken to the website that I am referring to.

This website is very easy to access. There are no privacy settings blocking us from gaining access to the website and it is incredibly easy to understand. The navigation links at the top of the page are clear and the interactivity social media links are clearly displayed vertically down the right-hand side of the page.

I especially like that this website is one continuous page. This means we have the option to scroll down the page to each section of the website instead of using the navigation links located at the top of the page. The graphics that allow the titles to appear as we scroll through the website show that the student is highly skilled within the Wix online software and it is very effective for the student to use a letter representing what is being presented, for example, ‘V’ for ‘Video’.

From scrolling through the website I was able to understand that the student is promoting an indie pop band called the XX. This can be found in the ‘about’ section of the website, however the genre is also made clear through the use of mise-en-scene, typeface and the framing/effects of images used throughout, the general aesthetic of the website has an overall very indie vibe to it. We can also see in the ‘about’ section that the band are quite popular and have been around for several years – they originally formed in London and were all high school friends. The group are portrayed as fun-loving, thrill-seeking individuals who are dedicated to their work.

The website uses the same fonts as used in the digipak and the colour schemes also seem to be consistent throughout all three of the products. The mise-en-scene also seems to be quite similar throughout the images shown on the website and the costumes worn in the music video. The music video has a grungy vibe to it and this urban/grunge vibe is continued throughout the website as well.

The website definitely satisfies Blumler & Katz’s uses and gratifications. It is highly informative about the band themselves and it provides clear social interaction links for fans as they can follow the social media links and join in on the discussions surrounding the band themselves. The website satisfies the entertainment needs of the audience through presenting the latest music video as the first item seen on the website – keeping the audience engaged from the moment they first click onto the website. The audience’s personal identity needs would be easily met as they can relate to the stars of the band by looking through the media section of the website, they can also use the various social media links to communicate with friends and family about the website and the band themselves.

Overall, I think this website demonstrated a very high level of skill. It is a very effective website at promoting and advertising and there is clearly a definite brand associated with this website.

Web Page Conventions

This is our analysis of the website produced by Marina and The Diamonds to advertise their bands and their most recent album. In the screencastify embedded below, my group discuss the conventional features that the Indie Pop band have included in their website and how the different features are appealing to their audience. We comment on the use of colour, branding, promotion and calls to action throughout the video, paying particular attention to how ‘Marina and the Diamonds’ is using their website to promote their products.

Whilst scrolling through the website we talk through the positive aspects of features, detailing how these features are likely to attract audience members.

Website Terminology

These slides showcase the website for the indie pop/alternative artist, Melanie Martinez. On this presentation I have labelled the key conventional features of a website including the navigation links, leader-board and interactivity.

The website included the majority of the conventional features of a website, nearly all of the key features, except for the search bar. The navigation bar is clearly displayed in the upper right corner of the page, providing a clear and simple space for users of our website to find to find their way onto the different pages. There is the leaderboard, showing the artists name and beneath this are two links to the artists most recent music videos. This is all shown above the fold of the page.

Below the fold is the interactivity section and the merchandise section. This provides links to the different social media pages representing the artist and it also presents the option for the audience to ‘Subscribe’ to the website. This means they will receive emails regarding updates on latest tours and album releases from the artist.

The second below the fold page shows upcoming tour dates and more interactivity options. This time presenting new interactivity options to email or follow the artist on Spotify.

Overall, Melanie Martinez’s website is very conventional and includes all generic features of a music website. Carrying out this task has helped me in recognising the different features that I may need to include when creating my own Music Website for my artist.