Website Production

As one of our options, we chose to make a webpage to go with our trailer and poster. 

From our research, we know that most webpages for trailers have links to social networking sites eg - twitter, facebook and youtube - So we knew we had to make sure our page had those things too. 

We've used the same picture throughout (my face) so that our products are consistent so we used the same one again for our webpage as the background but edited it much more so that it was the same picture but looked completely different.

Making the Webpage.

First to make the background for our site, we took the original image and dragged it into photoshop so it was ready for editing. Then we de-saturated it - making the photo look weak, pale, wash-out and dull. We did this so that the 'survivor' looked all of the above so it fitted that particular scene in our trailer. We wanted our target audience to be able to tell how 'she' was feeling and by de-saturating the image, we achieved that.

Next, we added another layer - another copy of our image on top - and used colour dodge tool: washes out colours on image. We used this so again, the survivor looked washed out and tired. 

The Colour Dodge blending mode decreases the contrast to brighten the base colour.

We then used divide layer which allows us to split up the two previous images and add other colour layers such as shadow or black and white to change the overall image.

In this case, we added white to make the face look paler and more frightened.

After that, we developed a footer - the bottom bit with the writing -  we did this so that we could write who the website and trailer was made by and other details. After researching other webpages for trailers, we knew that this was necessary.

We also added an effect off photoshop called 'ghost' which is the people/shadows that you can see behind to the left of my face.

We thought this looked good, almost like these three figures were haunting the survivor which makes the target audience more curious  about the trailer.

The next step was to place the trailer onto the website, we did this on 'HTML'.

However, at the point of making our website, we hadn't quite finished our trailer so we used an example one off youtube for the time being and then added our title at a later date.

We also added text on the bottom of the footer saying 'follow us if you dare' to add suspense. As we haven't made a facebook or twitter page for our brief, we haven't linked these to any sites.

We then added all final touches while the webpage was up and running.

We added 'downloads' so that our target audience could print or download posters for ABANDONED straight off the site.

We added a '15' certificate so people know that they have to be age 15 to view our trailer.

We also moved the social networks and text to the top of the site so that we could fit more information into the footer.

The site we used to make our website was called Dreamweaver HTML, we used this because after using an apple computer to make a website for GCSE IT, we ere already aware of how it worked and how to get it up and running on the internet. 

Our site name - www.sushkelly.co.uk/abandoned - its called 'sushkelly' because of the name that the computer was logged into already and we couldn't change it because we didn't want to risk losing all our work.

Overall, we're quite proud of our webpage for our trailer. We think it looks quite professional.