All posts by sashabelford

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.

Flowchart and Preferred Template

We had to do a lot of research in preparation for creating our DigiPak. One of the main aspects of a Webpage is the structure. That is why we decided to create a flowchart that would display the sort of structure and layout we would like to follow. Obviously we wouldn’t follow this exactly as we would want to experiment and see what the website offers. However it is good to have a set plan so we have somewhere to go. This is the layout we decided to go for:

  • Home Page
  • Upcoming Concerts
  • Previous Albums
  • Contact
  • Merchandise

We than had to sign into Wix.com and choose a template that we felt best suited our genre. This is the one we went for:

This template was called ‘Music Venue’ and just suited the genre of Indie Rock really nicely. I could vision our band making a huge impact on what this website would look like and couldn’t wait to start. This design is unique, diverse, alternative and catches the attention of our demographic well.

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)