Web Page Draft 1

This is our website!!!



  • Add pictures of merchandise for the merchandise page,
  • Don’t repeat content, for example don’t have tour dates on both splash page and tour page,
  • Change up the colour layout, get more opinions on page background,
  • Take out the E-mail subscription input,
  • Make sure only our own pictures are being used.

Production Skills Evaluation 3

The production of our digipak gave me then opportunity to experiment with many different tools and effects on Photoshop, and as shown above I have implemented these new ideas in order to create a disintegration effect for the inside left of my digipak.

In order to achieve this effect the primary tool that I used was the brush tool which in fact is a tool I rarely use, with the brush tool to get the exact kind of brush I wanted to achieve the effect I had to adjust the brushes shape dynamics and scattering while also constantly changing the size of the brush while using it.

In addition to using features of the brush tool that In wasn’t familiar with before I also used layer tools that were new to me, for example I copied the same layer twice in result having three of the same picture while also adding a layer mask to two of them. For the middle layer I made it content aware so the picture would blend in with its background, and on the top layer I liquefied the image to stretch it out to the other end so when I used the brush the disintegration effect would be created.

What went well:

  • The effect was achieved in my image, providing the disintegration effect adding the theme of fading away or possibly destruction being present.
  • The gradient filter suits the effect well adding conventional rock genre colour effects that emphasise the reds and black.

Even better if:

  • More adjustments were made on the brush tool to make the effect look better, the brush could have been more sharp looking to suit the rock genre more.
  • blended the effect with the image more to look smoother, having the effect fully integrated into the image to make it look higher quality.

Flow Chart and Preferred Template

 Here is the sitemap that my partner and I made, on this we have listed and mapped out the contents of a website page and formatted our flowchart so it goes along the lines of where that content would actually be placed on our webpage. We have applied each key component to our sitemap which includes, the splash page, the main pages and links to others and what content would appear on these pages while also establishing where they would be above or below the fold.

This task is useful for our website as it gives us a general idea of how to layout our website with what components to put of it, where and what content would be on it, when producing our actual webpage I will refer back to this as a guide.



Digipack Draft 1

   Here is our first draft of our digipak.

The feedback given to us on what to improve on.

Targets For Improvement:

  • Change the name of the band
  • Edit and adjust the images, take some out, resize and smooth them (photoshop)
  • Adjust the song list typefaces, change the font and how a number order to the songs
  • for Inside covers change up the colour a bit and especially work on the inside right
  • Write the copyright text correctly.

Digipak Moodboards

This is the moodboard we made to apply ideas for what we could do for our digipak, here we tried to add conventional ideas of the alternative rock genre to make our digipak’s genre more identifiable. We applied many ideas such as abstract colouring and the distortion of pictures in attempt to have an edgy and weird feel, the red hand in the middle and the plain black background is what I believe to be most conventional as they give a grungy feel that is kind of feel we’d like to go for.

We were attempting to have a grungy and sort of abstract design on our moodboard, for example the cut out face at the top right was an idea we were pushing to be on our actual digipak having multiple face with different colours mixed together.

Although the moodbard is a bit brief with little on it, it is still useful to us as we were able to come up with many possible ideas that fit our genre, so now when making the digipak we can explore these ideas more.

Website Terminology

Here is a bands web page that I have looked at applying website terminology in order to identify how they have designed their website out to advertise the band in question (Mcfly). On this web page I have identified five features including one fold, navigation, leaderboard, hero shot and a banner ad, each of which are all used in order to advertise the band to have you buy their merchandise of listen to their music. It is obvious to identify this websites call to action and it being having the audience to participate with the band, this is done with links to their social media and their online shops to buy their music and merchandise.

This task was useful as it taught me website terminology and what they meant that I didn’t know prior to doing this, this will be useful to my group when creating our own website as we now know how to properly lay out a website in order to advertise our band and draw in our audience to participate more efficiently.

Contact Sheet

    (Click to open)

Here are the results for our digipak photo shoot of which we have collected all of them shots we’ve taken and put them on a contact sheet. We believe that this shoot was a success as we managed to get the shots that we originally wanted and in very good quality but we also got a variety of other shots as well that have given us more creativity and ideas for what we want to do for our digipak design.

This shoot went very well although we did come across some problems with equipment at the start that in future should have been sorted earlier, we still got a healthy amount of shots that many of which can be used in our product. When it comes to which pictures we will use it would be close up shots of each of our band members and whole band shots.