Category: Web Page

Web Page Draft 1 and Final Draft

Click above to view website

The feedback from our teacher included

  • Add more features to our homepage (call to action)
  • Fill in empty text boxes
  • Make music video play automatically and position it at the top of the page
  • Change the background image from gif to jpg
  • Implement tour dates and venues
  • Brighten the red font as it is too dark
  • Incorporate album cover into all pages

Flow Chart and Preferred Template

Website Previous Students Work

Click on the above image to be taken to the website

Above is the website for a previous students product. The website is presented with a simplistic tone that features a strict theme of colours whilst maintaining a good variation and appeal with its vibrant appearance. However upon beginning to read I had realised that the background lines going across the screen were blending with the black text which left me unable to read and maintain a good pace without scrolling and losing where I was at.

Despite this inconvenience the small paragraph did inform me as to who the group is composed of, how the first appeared, and what kind of music they produce. It would have been nice to experience a link or embed to music in the artists discography but It does a good job of tidily presenting a collection of music produced by the artist. However it is a bit misleading that when you click on  an album it merely presents a larger resolution image rather than linking you to the album itself.

The text areas of the website are bold yet simplistic which suits the indie genre as that is a unique feature it is proud to maintain, the bold letters next to each section are a nice addition as it gives a voice to each area and giving a clear symbol to where you are at on the site. I disagree with the font used in the text areas as it is a serif font which would be used for a more formal website such as an insurance company or that of the sort, the title font is appropriate as it has the identity of a loud yet readable format.

The navigation to the sub menus is fluid and consistent which adds to the flow of the continuous web page but I do not understand the background image being used as it reminds me of something you may find on a business website and really could have been replaced with a more ambiguous image that shows how bold and open the indie genre really is.  Another important area to express the entertainment side is the tour dates and upcoming shows, this website does not include these and I believe it is missing out greatly on putting forward the social interaction the group can have with the audience. The minimalist design of the website allows for easy navigation whilst being able to access pages on demand, the student also made the social media of the group accessible on the side which is an easy way to gain further knowledge on the artist and is politely placed on the website homepage. The media section at the bottom is presented very pleasingly and adds to the aesthetic being portrayed by the genre and artist, each image is very responsive upon clicking and has been implemented extremely well.

In conclusion I am underwhelmed with the final product as to me it feels unfinished and could do with a lot more care and attention. The areas that have been worked on such as site function and the media section were exceptional and I am very pleased with how this product works as a website that is interactive. Although the tone of the genre was being met and it did have some connection between areas there was just a discord between fonts and the background image. Finally, the tour dates and upcoming shows were empty which is a huge portion of a current music artists career seeing as it is the main source of revenue for the performer in this day and age.

Web Page Conventions

Above is my groups analysis of a professional website. This task allows us to expand our knowledge on what makes up a good website and potentially things we should avoid when creating our own.

Website Terminology

This task was necessary in order to produce a website ourselves as it required us to identify the features of a website and allowed us to learn what we will need to include in our product. I chose a well known artist of the genre of music as an example website and have labelled it above.

Skip to toolbar