Author Archives: hannahjones

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.


Evaluation of Web Design Application

The below screenshot shows our home page of the website that we have produced to go alongside our music video and digipak. Our website was created on Wix and we learnt several new skills on this online platform.

When initially creating our website we began with a blank template then I added several pages and titled them as shown above. A preset navigation bar was available for me to drag onto the page and as I did this the different navigation buttons each became the titles of my pages. It is vital for a website to have a navigation bar in order to provide easy access to all pages of the website whenever requested. The social media links found next to theĀ  navigation bar in the top-left of the page are also crucial links to have. It is important for websites to have social media links for interactivity purposes – if audience members want to see more about their star and attempt to form a connection with her, they will almost always look at the artists social media pages to see the types of posts that they put up and to see if they are relatable.

My website also featured an albums & videos page as well as a lyrics page and these showed all of our artists previous work. On the albums page, we created several mock-up digipak covers to illustrate our star as well established, this was important as we wanted our star to be represented as highly relatable with a large fan base. On the lyrics page, we had several landing pages linked to buttons and these landing pages showed us the lyrics of the song named on the button. We also had landing pages linked to our tours page and our albums page as purchasing platforms.

On the final page of our website, we listed several news stories which could be clicked and the audience would be taken to an article, these were again created to encode our star as well-established and popular. Our final page, ‘News and Gallery’, also featured a slideshow presenting pictures of our star where she appears carefree, this helps to solidify our star image of her as a free-spirited individual.

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.