Category Archives: Component 3

Evaluation of Web Design Application

When creating and designing our website, we had no idea how difficult it would be. We had to all put a lot of thought into how it would come across to our demographic/target audience. I decided to experiment with Wix.com and try to figure out exactly how to design a Website that meets the correct conventions.

One of the main aspects of Wix.com that I discovered was the ‘My Uploads’ panel. This area allowed for us to import pieces of media from the computer that we had created. We therefore thought it would look interesting to create a slow motion, movement slide show play as the background. This panel allowed for us to upload this creation from Premiere Pro straight onto the site, which was really helpful. We were also able to collect images from multiple shoots, our own font styles and vector art that we could mess around with.

We also understood that our target audience would need multiple pages to the site that were organised in a specific way. Somewhere to purchase merchandise, information about upcoming concerts, location details, galleries and just a generic home page. We discovered how to create these pages with the panel here:

This allowed for us to organise:

  • What the pages were going to cover (Eg; Tour dates, previous albums, upcoming concerts, merch etc)
  • What order they would be in
  • How they would be displayed (Font, style etc)
  • How accessible they were

This helped with engaging the audience with interactivity, therefor making the site more interesting to visit.

Using Wix.com was a really good site to help us create a polished and professional looking website. Using aspects such as backgrounds, colour palettes, different fonts, styles and layouts shaped our website to fit the generic conventions of what a good Indie Rock site should look like. 

Web Page Final Draft

We have completed out final draft of our website! We are really happy with this draft and only have a few more improvements to make taken from our feedback before it is completely finished! I have thoroughly enjoyed this task and hope to keep tweaking my website until it is the best it can be.

Link to Website (Please click on the image):

Here are the targets we have set ourselves based off given feedback:

  • Change the word ‘Shows’ to ‘Concerts’
  • Contact should come before Merch in drop down menu
  • Previous albums could be called discography?
  • Don’t use the image of Boomtown as it is not yours
  • Make more of the DigiPak cover, maybe incorporate it onto the home page?

We hope that once these changes have been made, our website will be finished! There is just a bit of tweaking left to do, but I am really proud of the work we have already done.

Digi Pak Draft One

We finally completed our Digi Pak! It is definitely no where near what we expected but three of us are happy with the final result. We received some really good feedback for this piece of work from our teacher and were able to incorporate this into our work in order to make it even better. This is the video of feedback and finished Digi Pak.

The feedback we received was really positive but there were obviously a few things that needed to change before we finished our piece. Here are the targets we created after listening to the feedback:

  • Change the name of the band and the album to better suit the genre.
  • Change the title to be bigger and more relatable to the band name.
  • Change the colour scheme on all pages so that they match (maybe a pink/purple hue).
  • Add in the barcode and copyright symbol etc.
  • Change the fonts.

Front Cover:

Inside Left:

Inside Right:

Back Cover:

 

Web Page Conventions

This is our Screencastify analysis of the Tame Impala website. This website had many aspects of a conventional page but also has a sense of authenticity and diversity to make their website stand out from the crowd.

We were severely impressed with the structure and use of vibrant colours the website used and felt it matched our Indie Rock genre perfectly, we hope to incorporate some of these features into our own website to make it look as polished and professional as possible. The use of graphic design was particularly interesting and the fact that the site had such an intriguing above the fold home page was visually very interesting. We took into account the Blumler and Katz theory where we discussed the four main reasons people interacted with media, they want to be entertained, informed, socially engage with others and to reinforce their personal identity. We kept this theory in mind when analysing the Tame Impala website and discussed how they were able to achieve all aspects of this theory throughout their site. 

Screencastify:

Script used:

Production Skills Evaluation 3

From this task, I have learnt multiple skills that I know will help me in the production of my DigiPak and Website. Before now, I wasn’t very confident on Photoshop or Indesign and needed reminding of the two softwares after having a long summer! On Photoshop, a skill that I learnt that will specifically help me in the creation of my DigiPak, is how to layer images and create separate backgrounds.

This is going to be particularly useful as my group and I want to cut out our two models from the image and colour correct them to make them stand out against the back ground. I learnt that by using the lasso tool and deleting previous layers, I can separate different areas of the image from the background, this took quite a few attempts to get perfect! Especially when shaping around loose strands of hair in the pictures. But, in the end, I managed to do it and the end result looks polished and professional.

As for Indesign, I learnt how to edit and adjust the text and fonts to suit my genre better. I did this by using the text tools in the top left hand of the screen, these tools allowed for me to space out the characters, stretch them and make them more easy to read. I also managed to add different backgrounds to these fonts and typefaces in order to make them stand out more against the coloured background of the image. This will allow for the audience to read the album title and band name a lot easier than before.

Another skill that I learnt, not necessarily on my own shoot, but for a peers was how to adjust the shutter speed on my camera. Doing this allowed for light to be captured in long streaks rather than how it seen normally. This allowed for my peer to carve out letters with different coloured lights. This skill is not something I would incorporate into my own DigiPak as it was their original idea, however in the future of my media making, I will keep this skill in handy as it was very interesting to use!

(It looks something like this)

Website Previous Students Work

I have chosen to analyse a previous student’s piece of work, specifically ‘The XX’ and their website. The alternative and modern day style allow for the audience to understand that this is not a conventional pop genre. I chose this website to analyse because it particularly interested me that many of my other peers were drawn to it as well. I wanted to research into why they were so intrigued by it’s simplistic design.

The website as a whole is very trendy. It follows a colour scheme that looks fashionable and works well together, giving it a sense of professionalism. The colours used are what we associate with as complimentary and aesthetically pleasing colours to our generation.  The use of purples and blues work nicely together and the plain black font makes for an easy read. This is one of the reasons as to why my peers found it particularly interesting to research into as well.

The background is very well photographed. Taking something as plain as electric wires in the air has shaped their whole website. The colours of the sky made for a beautiful background and the black wires created a sense of practicality as it matched with the text.

The text is very straightforward. I liked that it was so easy to read and the use of animation on the home page is visually intriguing for the audience. However, less important boxes of text could have been made to look more interesting as I found it didn’t really fit the genre as well as it could have done. 

The structure is also an interesting aspect to take into account. The site uses a simplistic static homepage, allowing thumbnails to take the audience to recent music releases and has multiple navigation bars, which act as hyperlinks that take the audience to different landing pages of the site. The above the fold page is the most important as it is what we are greeted with as soon as we open the page, the student did an excellent job of not overwhelming the audience with too many widgets. The home page also allows for the audience to scroll down and find more information out about the band, introducing their newest albums and some information about the band members, giving a sense of predictable pleasure.

I specifically loved the photo gallery this band have on their website. This allows for the visitors of the website to connect with the band members and get a taste for what they are like outside of performing, it gives of a positive tone and  is structured in an alternative and edgy pattern, catching the audience’s attention immediately.

The merchandise is very professional looking and I would personally invest in a product this good looking! The simplistic layout gives the audience the perfect amount of information, and doesn’t come across as being too ‘in your face’.

In general, this website looked very polished and professional. I was amazed by the simplistic yet effective structure and really hope to take this inspiration and incorporate some of these ideas into my own website, I can’t wait to see our finished result!

Website Terminology

Before creating our own website, we had to do some research into what makes a conventional website and how we wanted to promote our brand to visually intrigue our demographic. I found multiple similarities between a music magazine and a website as they both have similar structures.

The leader board is just a masthead and there are multiple aspects in which the website uses plugs to promote their brand which reflects magazine structures very closely. I learnt a lot about key terms which I have conveyed in the slide show down below.

I researched into the band Green Day and found that their site differs from most websites in the fact that it has a scrolling structure rather than a home page with a navigation bar which takes the audience to landing pages. However this is very effective as it is simple but also differs from other websites, creating a sense of authenticity. This task helped me to understand what makes a conventional and effective website, I hope to incorporate this knowledge into my own work.