November 14

Webpage Draft 2

After spending a few weeks planning and creating our own webpage, Izzy and I are very happy with what we have achieved and accomplished for our final product. We have managed to incorporate the same colours into our webpage as we did for our digipak. Even though our first draft was alright, we feel like we have made it look so much better as a whole from the feedback we got given from our tutor and peers.

These are the things we have changed and improved:

  • We have changed the colours on the front to match our digipak.
  • We have changed the “about” section the the front page and added things about the artist into it.
  • We have added links to the artists social medias and links to the ticket master from the tour dates section.
  • We have added a news page with images and writing about what has happened in the artists life.
  • We made sure everything was linked to each other so it all made sense.
  • We have added an image for the background for a few pages.
  • We have also added a gallery at the end of all the images taken whilst shooting the music video and the digipak.
  • We have made the titles bolder and stand out more by adding in a white outline against the blue.
  • We have changed the colour and font of the titles and the UK tour dates to make it clearer to read.

We have changed a lot of these from the first draft but overall we feel it looks so much better and looks like a complete webpage.

Click below to see our webpage.

November 2

Web Page Draft One

After creating the digipak, we had to create a webpage that supports the digipak and the music video. My group and I sat down to discuss what we want on each page; photos, links and writing. This is what we have produced so far, it is not yet done and there needs to be a lot done to it to make it how we want it to look.

We gave our first draft to our teacher so she can give feedback on it. This is what she suggested:

  • Match the pink and use more of the other colours from the digipak.
  • The site promotes the digipak, so we need some hype on the front page and some news about it.
  • More continuity with the font- follow the lead from the digipak throughout the site.
  • Add captions or some news about the photo gallery.
  • Link the albums to some music; link now.
  • Social media links to their real social media links.
  • Have some news stories made up for the news page.
  • Book now-link to ticketmaster.
  • About section needs to be higher up on the menu as it introduces Jordan- use mission statement and embellish it with some more facts and stats about him.
October 24

Webpage Conventions

We had to do a screencastify on a professional website, we chose to use Florence and the Machines website as it is the same genre as our genre and we liked the way it was set out. This website has so many aspects of a conventional webpage and has a lot of individual and originality to make it stand out. When analysing and creating our own webpage we have to think about AIDA (attraction, interest, desire and action) as it is the key concept to remember to meet the audiences needs. The push and pull theory and the Blumer and Katz “Uses and Gratifications” (Entertainment, Social Interaction, Personal Identity and Information) must also be used throughout to draw the audiences attention so our website will be visited regularly.

This was a very helpful task as it made us notice things we would have missed if we hadn’t have done this. We noticed many new things whether it being something small or something big which will help us design our own webpage so we could include every little detail to make is as good as it can be.

Here is our screencastify and script of us analysing Florence and the Machines website;

October 23

Evaluation of Shoot or Graphic Design


After spend a lot of time trying to see what shapes/colours and illustrations will work we finally agreed as a pair what we want the final result to look like.

I went home and looked up different drum kits and came across one like this. I used this as a guideline for drawing my own. When I was happy with the outline I then used watercolour to paint in each section. After being happy with how it turned out I then out it in Indesign against the red and pink background which turned out looking good.




October 23

Digipak Draft 2

After listening to the feedback that we got given by our teacher, we went back onto Indesign and thought about how we could improve it. The feedback was very helpful as it told us what section of the digipak was strong and what sections weren’t so we could improve them more.

This is the final result:



  • We changed the background of the front and the back cover from a blue/green colour to a blue and pink pastel colour.
  • We changed the inside left background cover from a blue/green colour to a blue colour.
  • We changed the inside right cover from a stretched picture of the dress to a pattern of different coloured hexagons.
  • We added a silhouette of Jordan on this inside left with a brighter version of the girl.
  • Instead of rainbows, we added a trail of the coloured hexagons you see on the inside right so it flowed better and smoothly.
  • I drew a drum kit and painted it in watercolour using the pastel indie pop colours.
  • We changed the fonts of the songs and the album name to a stronger and readable font and changed the colour to white.
  • We got rid of the image instead Jordans face on the front cover as it wasn’t our own photo and it looked too crowded.
  • We also added the album name into the spine.

We then went around and asked 3 peers what they thought of our improved digipak. This is what they said;

Peer 1

  • Really good colour Scheme.
  • Colours are very complementary.
  • Good range of photos and illustrations.
  • The font is very clear and readable.


  • Maybe add white into the drum kit to continue with the colour scheme.
  • Maybe make “jordan” stand out a bit more.

Peer 2

  • Colour scheme is good.
  • Silhouette works well in front of the textured background.
  • The pastel hexagons works really well.


  • Maybe less colours in the drum kit as some of the colours clash with the background.
  • The picture of the front cover looks too clear/sharp compared to the faded background.

Peer 3

  • Calming colour pallet.
  • The movement and dynamics of the girl throwing the pattern works well.


  • Maybe adjust the gradient on the shapes so the light source comes from the same place.
  • The colours on the drum kit clashes with the background.


October 19

Digipak Draft 1

After doing a lot of research into digipaks for our genre and band we have created our first draft for our digipak. It is no where near finished and will have to have a lot done to it to make it perfect. We spent many hours on Indesign and Photoshop playing around to see what colours/shapes/fonts and images is appropriate for this genre.

please click to see clear image


We gave this into the teacher to see what feedback we got given to improve it;

Positive feedback:

  • The background on the front page is good.
  • Rainbows work well.
  • The shapes work well on the front page.
  • The tracks are good.
  • The lower case of jordan is good.


  • Similar backgrounds as the front cover on all panes but different colours.
  • Own image to put on his face.
  • Maybe put the girl on the right hand side horizontally with the rainbows bleeding onto the left hand side.
  • Make more rainbows.
  • Don’t forget to add onto the spine.
  • “Reload” is too heavy.
  • Call a track something to do with the lady so we understand why she’s in the digipak.


October 18

Website Previous Students Work

I have chosen to analyse “the XX” and their website for my previous students work. From looking at the website you can tell it is from the alternative indie genre which is very like our genre. It is very easy to navigate as it is very simple but effective. The colour palette and the fonts fits the repertoire of elements for the genre of the music.

From just looking at the homepage, it seems very well laid out with links at the top so you can navigate specific things very quickly and easily. One of the first things you see is the leaderboard as it is big and bold with a simple font that suits the genre, this is convectional for a website alongside; discography, tour dates, merchandise and social media links. These aspects of the website represents their brand image well.

The colour patterns are very strong and represents the genre and brand image very well. They run through the whole website smoothly and fits well with the theme of the genre. As well as recognising the genre from the colour palette, it is also displayed well in the text in the “about” section where they start to talk about themselves. The cinematography in this genre is also illustrated through the uses of images, all the images are taken as mid-shots which gives a sense of originality and sense of mysteriousness.

The most important thing about this website are the images, the images play a huge roll as they bring the website together, they tell the audience who the band is and who the band members are and what individual is like; this is shown in the photos of them on set, behind set and in their everyday life.

This is a really good website but the there are a few things that can be done to improve it for example; there could be more on the “tour” section, they could have added in a few tour dates so we know when they are next touring, they could have added in a bit about each song/album in the “discography” section and the website feels a bit empty, they could have added in more into it to make it look and feel more exciting. But overall this website illustrates the band and genre very well.



October 18

Contact Sheet

After knowing what we want our digipak to look like, we went into the white studio to take photos of both Jordan and myself. The outcome was really good and I feel like we captured a lot of good photos that best represents our genre of Indie Pop. We separated the good photos from the bad photos and created contact sheets, we didn’t delete the bad photos incase they can be in use for future things.

These were the good shots:


Bad shots:

As you can see these photos did not work out well. In a few of the photos the models weren’t ready so we didn’t get the full effect of what they were suppose to be doing. Especially the photos on Jordan; some of the lighting was to bright as the aperture wasn’t set onto the right setting and the flash from the lights drained the colour out a bit also. These might come useful for the website but it is very unlikely we are going to use due to the way they have turned out.

We have been experimenting with different shapes and colours in photoshop to see what will work for our digipak. We really like the shapes of the circles and triangles but we need to change the colours of the shapes so they match the indie pop colour scheme. We are hoping to use the rainbow as an effect coming out the girls head/arms to make it look different but effective.


We ended up doing two shoots as the first shoot was more of Jordan for the front cover and the inside left and the second shoot more of the girl in the dress and the pointe shoes. We did take some of the girl in the first shoot but she didn’t bring her shoes as we didn’t think of it but half way through the shoot we thought of her wearing the dress and the pointe shoes and doing ballerina poses to put in our digipak and the website. We felt like both shoots went very well and we captured all the shots we wanted to capture. We used a few images from both shoot to put in the website and one image from each shoot to put in the digipak.

After spend a lot of time trying to see what shapes/colours and illustrations will work we finally agreed as a pair what we want the final result to look like.

I went home and looked up different drum kits and came across one like this. I used this as a guideline for drawing my own. When I was happy with the outline I then used watercolour to paint in each section. After being happy with how it turned out I then out it in Indesign against the red and pink background which turned out looking good.

October 9

Photoshoot/Design Production Meeting and Risk Assessment

After doing a lot of research on what we want our digipak to look like. We then had a meeting with Jordan to see when he was free during the week for us to be able to shoot him. We then filled out a production meeting agenda so we knew exactly what everyone is bringing, what equipment we need and when and where we are going to shoot. We also had to do a risk assessment so we knew what risks there could be whilst shooting.

October 4

Digipak Mock-up

We spent a few lesson researching different sections of a digpak that relates to our genre. We looked at our moodboard we made, Pinterest, Instagram and google. Below is what we created by using existing album covers;

We feel these images best describes our indie pop genre and the band themselves. After choosing the images, we then added the band name onto the front cover in the font we thought fitted well with the genre and the cover, we also added the song names on the back cover to get a sense of how it is going to look at the end. We wanted to keep each section simple but effective so it is easier to understand the meaning it is trying to convey.

We decided to go for the more pastel colours and this specific genre includes these colours. It makes the digipak look and feel happier even if the image behind it means something the complete opposite. We wanted each image to mean something else but links back to the same thing being the band.

We decided to have a symmetrical design on the front cover of the main singer in the middle of the shape looking straight at the camera so people know who they will be purchasing. For the inside left of the digipak, we chose a man with flowers for his face looking to the right side of the digipak which will be of a headless and legless girl in a pink dress which will be the main focus of what he is looking at. We also wanted something creative within the digipak, so for our back cover we will draw a set of drums and then using the pastel colours we will then paint inside it using watercolour.

Overall, these images are a taster of we want to create and hopefully we will be able to achieve that. We thought that these ideologies best represents and conveys the indie pop genre.