Web Page Draft 2

Here is the second draft of our website. We have changed this from the first draft as we have looked over the checklist and added in some of the things that we had missed. Some of the parts that we have added are:

  • Missions statement
  • News section
  • A section with gifs of the band members
  • A link to iTunes on the digipak
  • A link to a ticket booking website on the tours section
  • Added the music video to the discography
  • Added a few more items to the shop
  • Made all the titles the same and more consistent

Click on the image to go to the website.

Screencastify From Teacher

After creating our second draft, our teacher gave us some feedback in the form of a screencastify to allow us to see what parts of our website should be improved upon. Here is the video we were given.

Targets For Improvement:

  • Think of mode of address in the ‘Who are we?’ section
  • Link the social media to our artist’s page rather than Wix
  • Add a track list onto discography page
  • Use VICE shirt logo on digipak with the devil tail

These targets are rather simple changes that we can easily do and we will focus on these for our final draft. Getting another person’s feedback for this website has been very useful as she was able to pick up on simple grammatical mistakes, like our mode of address, that we hadn’t noticed.

 

Website Draft 1

Here are screenshots of the first draft of our website. We have used images that we took during the filming of our music video and a website template from Wix.

Self Assessment According to Mark Scheme

  • Combining images, text, sound and video. Using ICT to combine multimedia material. The integration of multimedia content.
    The integration of multimedia images, video, text and links are present but not widely used. Images from the video are used however there is a lack of images from the digipak. The use of ICT is shown but some of the fonts used don’t represent the band well and are not representative of the genre, hindering how the star image is shown. Additionally, not all of the titles remain consistent and makes the website seem untidy.

 

  • Page layout/ design supports interaction. A call to action and brand.
    The layout of the pages operates well and occasionally allows the audience to interact with different buttons. There has been an attempt to communicate the brand through the use of headlines and captions to engage the audience to find our more information on these topics. A call to action is shown proficiently as there is a sign up board to receive their news letter on each page, a page to buy their merchandise and a page giving information on all the upcoming tour venues and dates.

 

  • A clear system of navigation.
    The navigation system works efficiently and is clear and simple for people to use. The home page is slightly lacking in information however and gives the user no detail on recent news other than the release of the album, not enticing them to learn more about key events.

 

Flow Chart and Preferred Template

Here is a flow chart that our group created to help us decide the design of our website. We designed it so that everything is accessible from the home page and from each page you are able to go back to the home page to allow for easy navigation. We have also made it so navigation and interactivity (link to social media) are available from each different page so that the user has optimised accessibility.

We have created our website on an online website creation website called Wix which gives us a wide choice of templates that we can use. The one that we have chosen to use is called ‘Music Venue’ and we have chosen it because we believe that the dark colours contrasted with the bright orange fits with the bold nature of our genre.

Website Terminology

Now that we are in the planning stages of making our website, we have to learn some of the technical forms and typical conventions of a website of our genre. By doing this I have learnt that the home page of a website is split up into the section that is above the fold and below the fold, the above part being what is shown to the audience as they open the website and the below being what they have to scroll to see. This has taught me that everything that is above the fold, such as the leaderboard and hero shot, must represent my artist in the way that will entice a viewer to continue scrolling and find out more information.

Audience Interaction With A Website

The completion of this task was to allow me and my partner to further understand the different parts of a website of our genre and how an audience might interact with it. The website that we looked at was for the Red Hot Chili Peppers who are an alternative rock band with an interesting website. As we went through this website, we saw that there are many different aspects of it that follow the audience theory of uses and gratifications by Blumler and Katz and discovered how important each of these features are to make an interactive and engaging website for our target audience. We must insure that when we make our own website, we stick to the conventions and allow our audience to get the predicted pleasure they require to prevent them from rejecting our media which we can do by following the features we discovered in the screencastify that we have created.