Posted on

Web Page Draft One

Shown below is my first draft of my my webpage. We made a webapge to include our digipack inside of it. This is the product we have produced so far and got feedback from peers and teachers on how we can improve this to get a finalised product.

Click on image to get to the webpage.

I feel like this draft was rather successful, I feel like Wix.com was an easy site to use making our progress quick and effective. Using other tasks and our preparation towards making a webpage we have included many links to other pages within the site.

Giving our webapge to peers feedback we got back included :

Positive:

  • The background images are very effective
  • Clear layout
  • News page is clear, short and effective
  • Images on news page are relative and specific to a certain person
  • Store page is simple and the products are clearly shown with good reveals of the other side when hovered over
  • Clear social media links

Improvements :

  • Prices on all products shown on all pages
  • Stadium names on tour dates
  • Purple box on home page isn’t colour relevant
  • ‘Follow and Subscribe’ next to social media links on home page
  • Make the masthead Jordan bigger and better so its the first thing you look at
  • Make music video bigger
  • Make all mastheads on pages bigger or make them stand out more
  • Center the tour dates

Additionally to this we got feedback from our teacher this included:

  • Match the pink from the digi pack and use other colour palettes
  • The site is to promote the digi pack so need more of it featured on the front page and some in the news section about it.
  • More continuity with the font, could use the digipack font on the mastheads
  • Caption some of the images for the photo gallery or add explanation for the images as a short news story by it.
  • Link the albums to some music, or a listen now option
  • Social media links to their real social media sites
  • Make more made up news stories
  • Book now for the tickets – link to ticketmaster
  • About – needs to be higher up on the menu as it introduces Jordan – use the mission statement and embellish it with some more facts and stats about him
Posted on

Web Page Conventions

Using Screencastify we have created a script about the website of Florence and the Machine. We analysed it in far more detail using the correct terminology for a website. We analysed what was interesting and eye catching about it. We also chose Florence and the Machine to analyse as it is a similar genre to ours and we may be able to take some valuable points to how someone of the same genre will display organise their webpage to bring in the audience. When analysing a webpage, we have to think about AIDA; attraction, interest, desire and action so we are able to attract the right audience. We also have to think about the push and pull theory and the “Uses and Gratification” which are; Entertainment, Social Interaction, Personal Identity and Information and to use them throughout the webpage so more of the right audiences visits it.

The display of this website is far different as it is just one continuous page with little links to other pages and no navigation bar. However as you scroll it does make you stop and visit each site.

Here is Florence and the Machine webpage, click on it to get to the page.

click  on image to get to the main link

Posted on

Website Previous Students Work

Here is my previous students work which I have chosen to analyse

We have analysed a previous students work to give us an insight and ideas of how me and Immy can present our website to make it eye catching to the audience. This could allow us to learn the conventions towards the website. I believe this website can be classed under the category of Indie pop/pop, which relates well to our genre and will be the better one for me to analyse. This is due to the pastel like colours, as well as the main image (hero shot) as this has the colours blue as well as the pink inside of it.

The website XX is very accessible and easy to maneuver around as it has a clear navigation bar shown at the top of the page. Also scrolling down below the fold  you have the option of moving onto tour dates as well as media and upcoming shows.

You were able to scroll down to the about section where you are able to find out information about the whole band in general, but not an individual star of the band which this could of benefited from also could of benefited by having more information about the band to allow the audience to create a bigger picture. Next the presentation of this website is effective even though it could do with more. The font used for the masthead ‘XX’ is followed through with the first letter of the headings. This is effective as it keeps it consistent and allows the brand to be followed through without even being placed there. Additionally, in the Discover section there is a lot of branding within the album covers as the use of the X has been continued throughout it all.

The music webpage has an effective use of mise-en-scene creating a young and powerful atmosphere. This is mainly down by the colours and lighting of the page with bold images included. With the use of the long shot for the front of the music video on the front page which has been carefully edited with the use of colours. The cinematography of this genre is shown through the images  using mid shots which creates the audience to take in the emotion which the artist is letting off, however the only non mid shot is the hero shot which is a wide shot of a person. Finally the use of clothing is chosen carefully, there is a majoirty of dark clothing which allows the colour to be bold around an image this portrays a more youth look as this dark emo look is being taken away by the careful editing of the backgrounds.

Furthermore this webpage fulfills Blumler and Katz uses of gratification through the use of the ‘sign up’ at the bottom of the page as it is a contribution of personal identity.

 

 

 

Posted on

Digipack Draft 2

Below is my second draft of my digi pack. Productively making many improvements from the first draft to make all of the pages flow from one to the other.

Using the same idea with the background I have gone back to photoshop blending in different colours to find one that we like. I used the colours made by the shapes on the front page of the digipack.

Below the front page, we have not changed it too much. I have added a new background and made the image of jordan larger as well as making the shapes larger as this fills up the page more making it more bold and effective. Additionally I changed the font and made the ‘O’ bold and full just to make the word unique and clear.

Next the inside right. Here we have changed it loads from the first draft. Due to the first one didnt coincide with the theme effectivly. However, here we have used an image we took of Jordan as well as Immy and layered them and making a silhouette of hexagons which I have made on the inside right page to bring the pages together.
 

We kept this page simple as we have got alot going on the other pages therefore I just used the same colours and made hexagons whilst making them transparent as well to create a glow sort of look.

Finally the back page. We again used the background with different ways of presenting it, but we have blurred this one more as immy has painted a drum kit using pastel like colours which we have placed on to the back. This displays our band as we don’t have an image illustrating all of them.

Additionally we needed to add the copy write paragraph as well as barcode. We also created the sides keeping the same colours but a gradient effect added to it.

We then asked 3 peers for feedback on our digipack and these were our results:

Peer 1 

  • Good use of colour scheme, on the lines of the genre
  • Colours are complementary
  • Right amount of images and illustrations
  • Clear readable fonts

* Jordan could have an outline or larger to make him stand out more

* Add white into drum kit

Peer 2

  • The positioning of the girl following the silhouette works well
  • Good amount of tracks, also displayed clearly

* Less colours in the drum kit as clashes with background

* Dull down the shapes on the front page as they’re bold compared to the low opacity image

Peer 3 

  • Nice use of colours on the drum kit as it follows the colour pallet nicely
  • Pastel hexagons work very well with the theme

* Adjust the gradient on shapes so light comes from same place

 

After the feedback from peers and teachers the main areas we will focus on adjusting are :

  1.  Front cover shapes are too bold
  2.  Make the drum kit more separated from background

 

Posted on

Digipack Draft 1

Below is the first draft of our digipack. I played around on photoshop to get different backgrounds. I did this by using the paint brushes and then stamping them together finishing it off with blurring them together. This was a plain simple back ground which was effective for our shoot.

With the front page I have mostly finished it we just need to play around with trying to make it bigger as I personally find it slightly to small and needs to cover more of the page. Additionally we need to change the font or positioning or Reload as it needs to be

Next the inside two pages. We have used the background technique on these two images, where we have also used the dress on the right hand side. We have a vision on this girl holding a rainbow of some sort or slightly different.

Finally the back page we have used the same types of colours to the other pages so that it flows efficiently. Additionally we have kept our font of our song titles simple as we  want it to be clear and readable.

Below is our teachers feedback done by a screencastify:

Want went well :

  • The background and how it has been done
  • Nice sizing of image
  • Like the way we have placed the different songs
  • Drum kit idea
  • Lower case of jordan

 

Improvement

:

  • Change colours of backgrounds and use it on all the pages using a colour pallets
  • Change image as it isn’t ours at the moment  (maybe no need fro the inner image )
  • Add more rainbows making them bleed accross into insdie panel
  • Fill more of the space
  • Consider a different background to go around the drum kit
  • look at fonts of Reload and jordan

 

Posted on

Evaluation of Shoot

We did a total of 3 shoots towards my digi pack and webpage. We used the white room for two shoots as we were able to gain shots of Jordan and some of Immy in her point shoes and some without.  We also went on a shoot just to get images of Guernsey. We based ourselves at Cobo, where we also went up the guet to get some images which we would be able to use and photoshop to our own style. We got these as our website requires alot of images and we wanted to make sure that we had enough to cover it all.

Below is an image we gained of immy using the white room where it was successful and we can use it effectively in our digipack.

Below is when we went to the guet to get more images for our digi pack we got more scenic images and some images of immy. This shoot was also effective as we got a lot of images.

 

 

Posted on

Contact Sheets, Graphic and Illustrations

After discussing and planning with my partner what we wanted our digipak to look like and what images we have planned to shoot, we took some of our time to go into the white studio to take photos of our star image. Below are my contact sheets where I have separated them into good and bad shots so we will find it easier to find the photos when coming to producing our digipak and webpage. We had a productive shoot which ran smoothly due to previous planning and I feel like we have captured really good shots that represents our genre well. We got the shots of which we wanted and more as we used the girl more than we expected.

Here are my shots which went well and ones which we will use; these worked really well as they were in focus and they represented our genre of Indie Pop the best.

 

Here are some of the shots which didn’t turn out as well; as you can see the lighting was completely off, it was too bright as we the aperture was not set on the right setting so we couldn’t see the star image’s facial expression and what they are trying to convey for the genre which is mysteriousness.

Additionally, I did some attempts on Photoshop for the graphics design this took time as I watched youtube videos to gain this outcome. We really liked the idea of in image of a landscape blended into Jordan’s face as we thought it would represent out genre very well.

We spent a lot of time as a pair creating shapes that we thought would go well for our genre. We decided to use triangles and circles with the pastel colour scheme to convey the Indie Pop genre. We are planning on using the rainbow colour scheme coming out of the girls arms and head as we are hoping it will look original and effective.

Posted on

Photo shoot /Design Production Meeting and Risk Assessment

Using the internet we looked up  images we might of been able to use and to give us an idea of what we will want for our digipak we used things such as Pinterest. After this we had a meeting with Jordan to see when he was available to be able to do a shoot in the white studio. Next (shown below) we created a production meeting agenda so people understood what was their responsible to bring to this shoot.  Finally we completed a risk assessment to identify the risks that could come with this shoot.

Posted on

Digi-pack Photo Mock-up

Below is a mock-up digipack for my band. For this I have looked at my mood boards and pintrest to find images which fit with my genre and go well with what we would like.

This is what we came up with:

 

We liked these images as it had a good mix of people,faces and emotions and explained out genre. With our actual digipack we would like to use more pastel like colours as they go better with our genre however for this one we concentrated more on the shapes ect.

I found our front cover effective as it used numerous shapes and it was abit different. Also I liked the way the face was placed in the middle of the shape. This goes well with the Indie pop genre as they don’t always use the artist on the front and if they do it is slightly different and edgy, therefore this was effective as this had the right ratio of person to background. Additionally, with the front we have not clarified if this will be our album however we split up the word and placed them on opposite sides where the last letter of one word runs on to the first letter of the other. With the name of our artist in the bottom left to make people aware of who the person was. We have not decided if we will change this to a band name or not yet.

Next for the first inside left we have the idea of the guy (Jordan) to be looking at the next page as it will make the audiences eyes follow the page to where the CD would be. The photo we have is effective and has given people as well as ourselves ideas of the image we are wanting to use, anyhow we want to include a photo that draws attention to our  CD using the eye line of our star. Shown within out moodboards we have imaged using coloured smoke or flares if this is possible however we will go more into this.

Following on, the inside right is using the patterns shown in our moodboard. It is not as clearly shown due to the printer not printing it as clearly. Within the background image there are small squares within it showing an edgy type look. We also bonded with the idea of a the dress with no head or legs as we found it effective and different. We have an idea to do this and put it in a background which we can create.

Finally the back page, is an artistc image of a drum kit. For this we intended to either draw and paint, or photoshop it using alot more pastel colours. We decided this was the best for out back page as we had already used photos of people and this was just different to the others, it also represented our band. We have made the songs clear and bold on the top personally I think we could’ve either made the drums bigger or the words of the titles bigger.

After creating the digi pack mock-up we went round asking peers outside of media studies what genre and adjective best descried our digi pack, and these were the results we got:

  • Folk – 0
  • R&B – 0
  • Country Western – 0
  • Indie Folk – 6
  • Indie pop – 9
  • Rock – 2
  • Pop – 0
  • Jazz – 1
  • Reggae – 0

This was successful as majority did go for Indie pop which was correct. The second top was Indie folk which we were knew we were still on the right track with the Indie theme.

  • Rebellious – 2
  • Fun – 3
  • Mysterious – 4
  • Young – 6
  • Deviant  – 0
  • Fresh – 0
  • Urban – 8
  • Folky – 4
  • Romantic – 0

This was alot more spread out to the genre’s, we wanted to go for young, urban and fun, therefore this was mostly successful however we did not have as many people choosing fun, with the hope of following our idea of going more pastel colours this will liven up our digipack more.

 

 

Posted on

Digipack Moodboard

Here I have done a presentation of some images which we are inspired by for our digpack, this contained images with illusions, pastel like colours and things which stand out for how they’re different and artistic. On the second page I have looked through different fonts finding out that I like big clear bold fonts. The sans serif was effective and something  I found was clear and readable.

(Flick through to find fonts)

Below is moodboard of which we made our of different items found in the classroom. This task enabled us to use our imagination of what we want for our digipack. We were considering things such as; Colours, way to present it and shapes we would use. We found that we like the bright colours on top of a duller background, however we also liked the idea of using pastel colours on top of the brighter/duller background colours. We bonded with the idea of cutting up images and putting them back together with spaces this was inspired by the way we placed the tissue paper as they look similar to a jigsaw puzzle. Similarly we used it in the bottom right with the women in head phones, the way it has been cut makes her look bolder and more edgy effect. Additionally, we included a dead rose as it symbolised how love is there and with indie pop having a mysterious edge to it we thought it was relevant. We used alot of blues as we liked the thought of water to do something with our digipack as water can resemblance numerous things. The aquatic symbolisation suggests the symbolism for change as it is forever flowing and can take any course. In our case the indie pop genre has the mystery behind it and the water symbolises that.

This has enabled to have a clearer idea of what we would like our digi pack will look like such as the, colours, shapes and presentation of it all.

Finally we also used alot of pintrest for inspiration and ideas. being able to create a moodbaord on pintrest it has also allowed me to get more ideas of what to do with the deigns.