November 7

Website Previous Students Work

This is the second task on the way to making our own website. I have taken a look at multiple previous students’ work and looked at the technical conventions used, this is in an attempt to aid the creation of my website to make it it to the highest possible quality.


I will analyse and answer five success criteria.

1)How accessible is the website?

When trying to find the website online I struggled massively, I couldn’t access it at all as there were just facebook profiles and videos coming up.

2) How easy is it to navigate?

It is easy to navigate round the site through clicking on the bars at the top or by just scrolling down the page, the transitions are smooth and are no problem. However, I found that when I had already gone down the page by either clicking on a bar at the top or scrolling down there was no longer the option to click on the navigation bars, although you could still find your way down the chronological feed it meant that you couldn’t go to your desired information instantly. This was the only problem that hindered the page’s navigation.

3) What information were you able to find out about the star?

The information that I was able to find out about the star was very limited, there was no information about the artist. The closest there was to information about him was the incorporated tweets that gave a slight idea of what he thought about some topics. One of these was that he likes pizza, another is he is hard working and lastly is that he is against piracy, this is very weak information and gives us a very little insight into the life of this star.

4) How did the branding of the website communicate a consistent brand image as portrayed in the music video and digipak?

The website communicated a very pakistani culture, this was hugely reinforced by the music video that represented a pakistani ceremony. Although I thought the music video was poorly executed, the whole media, design, video and digipak all kept to this yellow colour scheme which was a positive that I took away from the website. I feel that it represented Pakistan culture really well and kept this theme consistent.

5) How does the website fulfil the audiences’ uses and gratification? (Blumler and Katz) 

The website does fill the audiences uses and gratifications as it provides tour dates, merchandise and mostly everything a website should have, however, it seriously lacks information regarding the life of the artist.

The site allows fans to show that they have a personal identity of being a fan of the artist by selling T-shirts and hats on the merchandise area of the site, and it features links to the social media accounts for the band as well as featured tweets which allows fans to interact with the band. The site also aims to entertain with the latest music video being embedded into the site.

November 7

Website Terminology

Having created our music video and digipak, we are now tasked to create our very own website. In order to do this we need to look at the type of technical conventions and ideas that go into a website to promote our music. We looked at terms and ideas that relate to the design of a website and utilised these words as our own while analysing a professional music website. I chose the website of the artist Birdy, this is because her music is in the same genre as our music video and Digipak, this meant that I could learn to use the key terms as well as getting some inspiration from it’s technical conventions for when we start making our own.

October 19

Digipak Draft 2

Here is the second draft of our digipak:

Front Cover

Inside Left Panel

Inside Right Panel

Back Cover


  • Centred the text on the spine.
  • The masthead has been developed to a different font as well as being moved around with different sizes and letter spacing.
  • The text on the back cover has been re-positioned so it doesn’t cover the star.
  • The inside right panel has changed completely, where we’ve used the image of the stone and played around in photoshop to create a cool and quirky image.

We then took this second draft to our peers and had them take a look at it and evaluate what works well and what could do with improving.

Peer 1:

  1. The images suit the genre well, the dark done of the effect applied to it also creates the dark emotional feel to it.
  2. The  colours compliment each other.
  3. The positioning of the model is great.
  4. The image of the back cover looks a bit stretched.
  5. The text at the bottom of the text is a bit stretched.

Peer 2:

  1. The fonts are chosen well and suit the digipak.
  2. Colours compliment each other.
  3. The use of photoshop effects are done really well on the inside right panel.
  4. Possibly more colour correction on the back cover.
  5. The colour of the text on the back for the tracks should be changed to white to match the colour scheme of the front cover.

Peer 3:

  1. The colour of the sky and clouds on the inside right panel are done well.
  2. The drop shadow done on the masthead looks really good.
  3. Good colour palette choice.
  4. The artist name could be at the top of the front cover while the album name is at the bottom.
  5. Choose a different image to be on the left of the broken rock in the image in the left inside panel as it is too similar to the front cover.

To conclude I thought having this task of our peers analysing our digipaks was really useful as we could get another few opinions on what could make our digipak even better.

October 16

Digipack Draft 1

Front Cover

Left Panel Right Panel

Back Cover


Below is a screen castify by our Media teacher, reflecting on our work and pointing out what was done well and what could be improved.

Things that we did well:

  • Nice, fresh, nature feel to it, fits the genre.
  • Likes drop shadow on name.
  • Lovely picture for back cover.
  • Spines are good.
  • like heart shaped stone- play with exposure.

Points for improvement:

  • Make the star bigger.
  • Bit too plain for masthead.
  • Maybe change text on back cover so it’s not over model.
  • Text on spine don’t look centered.
  • Change size of text for masthead.
  • Inside right isn’t good, too much of model.
  • Play with stone.
October 14

Evaluation of Shoot or Graphic Design

Babul and I spent a day out at cobo beach doing our first shoot for the digipak and website. We took a vast amount of photos and having looked at them, we now must evaluate whether they were taken well and if it was a successful shoot.

Firstly, I thought in terms of the shot types, we were hugely successful, we captured extreme long shots, long shots, mid shots and close ups. The distances we got of the model were done effectively, we also got a few different angles such as high angle and canted angle just to have a variety and see what is effective.

When we came to looking for images that would be suitable for our digipak, we quickly filled the front and back cover as well as the inside left panel, but then realised we did not have a suitable inside right panel image. Although we took a large range in distances and angles, we did not take into account the fact that all the images were very similar in terms of the scenery and look of it. Although this meant the photos were conventional to a genre as a group, it meant that the digipak would look too similar and boring.

Overall I felt this was a really successful shoot and by having a good amount of photos we could manipulate them in photoshop and come up with some really good images.

October 13

Production Skills

During the process of creating our Digipak, there were skills that Babul and I really had to learn and adapt to. Most of this was done in Photoshop where we edited and manipulated the photos we had taken, this was done to not just make the image easier on the eyes, but also to fit the mood and genre that we were trying to connote. Firstly, for the front and back covers of the digipak we applied a filter on the image to create a darker and more rough feel to it, this was done through a black and white gradient map. In addition to this we applied a gradient fill as well as an exposure layer to give the image more exposure, this create the sense that the model was isolated which is a key theme to our digipak.

It was definitely extremely helpful having the template for a digipak already implemented on the page so we didn’t have to create the layout ourselves, which kept the design conventional to a digipak design. An accessory to this is having spines on the page, this was a small but very key part to our design, as the spine is seen first when being searched for in a shop. This meant that we had to be very thoughtful of what text style and size we would have showing the artists name and album name.

October 12

Contact Sheet

These are our contact sheets from the photos that were taken on our shoot. I thought this shoot was really successful, there are definitely photos with the potential to make it onto our digipak. Babul and I were really able to play around with our ideas, we could both be producers and directors of the shoot, playing off each others ideas, and ultimately keeping the theme distinctive.

October 8

Photoshoot / Design Production Meeting and Risk Assessment

Below is our completed rick assessment, we have planned to go to cobo beach to get some pictures, primarily to go towards our front cover, but also the possibility of going on and of the panels. We had to take into account all hazards that could come about and how we would deal with these hazards to prevent them occurring. Once we did this we had our teacher sign the sheet off meaning that we could undergo the sheet.

Following our risk assessment, Babul and I created our Production Meeting Agenda where we planned what we wanted the model to look like, taking into account clothing, props and makeup.