Website Creation.

Website Creation



We used the site wix.com to create our own teaser trailer website. It was simple to navigate and allowed us to be creative with our website.

Fig1

Due to the nature of Wix, the height and width of our website would vary on laptops and computers used by the viewer to combat this we decided to have the background a generic black and then add our time lapse on top of this. We ensured the time lapse was a smaller size so it would still be seen fully on whatever device the viewer was using. The black background was used to ensure the sight looked professional all the time.

Fig 2.

We also added active links to other pages on our website. We did this to ensure a professional exterior. We named the pages to give the impression that the teaser trailer was based on real events, so instead of having a page named "Gallery" for cast photos or posters we chose to call it "Evidence", similarly we named another page "News Clippings" instead of for example "Klinger in the News". This was following conventions of other films such as Amityville Horror.

Fig 3.

 We also added our title "Klinger" as an image as we had downloaded and edited a specific font, this also helped to ensure our media texts were cohesive as a media package. We moved the title to the left of the page we did this as we wanted the main focus to be on the moving image of the Klinger factory we had as a background. We ensured the font was a dominant size so to be obvious to the audience it was linked to our trailer.



Final Website

This is the final website promoting our film trailer.

http://pierj017303.wix.com/klinger

Website Design

As part of one of our components for our coursework, we have to create a website. Below is the design for our website.

1) Background Image 

The picture used for our website will be our time lapse. The video to the right shows the time lapse but on the website this will be shown slower than on the video. The time lapse links to one of the parts shown within the trailer.

2) Links to other pages in the website 

On the Klinger building, the links to other pages in the website will be shown. They will be in the same font and colour as shown within the trailer to show continuity throughout the trailer, poster & website.

3) Title

The title used for the website will be similar to the title shown below which was done for the trailer. The background of the typography will disappear as and only the typography itself would show. Yet this is going to be difficult as the colour scheme with the clash of colours used (blue, white and brown) so somehow we may need to change the colour of the typography to coincide with the colours in the website.

4) Trailer
Underneath the title, the trailer is shown there. We will also have a pop-up screen of the trailer automatically as the audience enter the website which will play the trailer with a "skip to website" link in the corner. Once the main website is shown, the trailer will be available to play underneath the title.

5) Reviews, social networking links and production companies
The reviews will be shown below the trailer to persuade the audience to watch the film within the cinemas. Normally if other people think the film is good then that is more likely to persuade other audiences to watch the film. At the bottom of the screen will be the social networking links (Facebook, Twitter) so the audience would be able to share the film straight away at the click of a button. Finally on the sides of the social networking links will show the production companies used for the film (the same as shown within the trailer).

Website Comparisons

Alongside our trailer, we need to create a website that needs to be user friendly and attractive towards the audience so they may buy the film on DVD/watch it in the cinema. So here I have researched a few films that are similar to ours and compared the websites to each other to create an ideal website for our trailer.

Chernobyl Diaries

 In chernobyl diaries we see the image of the poster as the background. We see the nuclear symbol which was the symbol of the film and the trailer is placed next to this symbol. This is not the main website but the trailer plays automatically which means the audience does not need to find the trailer. Also the links to buy the DVD is right below the trailer which means that the audience can buy the DVD straight after watching the trailer if they're interested.

Here is the main website to the film where it has more images from the film with the menu of the links within the corner again linking to the nuclear scenario.

The Hills Have Eyes

Here we see the "Hills have eyes" website which first shows the trailer before going straight to the website. Again this is effective as it means the audience would automatically see the trailer without having to find it and is very user friendly. We go onto the main website which shows a different photo to the poster but still a significant picture from the film. Yet this website does not have social networking links as when the film was released (2006), social networks were not as popular as they are now.

Grave Encounters

This is the homepage to Grave Encounters. Unlike the other two websites, the trailer does not start automatically on either a start page or on the home page. Yet the link towards the trailer is found easily within the top right-hand side. The picture background used in the website is also used in the poster and so the film is more recognisable because the same image is used for both the website and the poster. The social networking links are at the top which makes it really easy to share the film within a click of a button. Also, if you click on "Available on VOD nationwide", you get a link to buy the film on DVD which again is easy for the audience as they can buy the DVD straight away. Yet this is not as user friendly as at first glance, the link does not look like a link.

Shutter Island Website Deconstruction

http://www.shutterisland.com/#/cast-filmmakers/cast -SHUTTER ISLAND • The theme of this website helps to promote the film as it is based around a prison and is dark cold colours to help show the horror with in this thriller drama. • It is very current as displays links to like the page on face book, follow on twitter etc. it keeps up with today’s technological convergence. • On the home page it shows a picture of Leonardo Dicaprio and has his name in bold letters to promote the film as he is a very famous actor. • It also has the trailer in the top right corner that automatically plays the trailer of the film to draw the audience in and give away a bit about the plot. • There is an order now section you can click that gives you a direct link to buy the dvd’s, this is good promotion as there isn’t any hassle in buying the film and as the order now button is underneath the trailer its good promotion as when the audience are watching the trailer they can click order now as they are engrossed into it without having to take their eyes off the trailer. • Simple website easy to navigate

Amityville Horror- Website Deconstruction

Website Deconstruction

• This is the homepage. The first thing the visitor sees and it doesn’t look like a typical movie website, with no advert for creaters, no reviews etc.
• The links are placed on a old piece of paper, with old looking font and symbol highlighting history of the film and this is reinforced by the actual writing in a normal font on the right “The house in Amityville has become the stuff of legend...the basis for several bestselling books and smash-hit movies” also highlighting bullet point one.
• Colour scheme of black and white, curiously no red. Subverting stereotypes. “The Amityville Horror” title font is white and blurred giving it a supernatural edge, which links to the white strike of lighting.
• Only picture is of the house in grey scale, looking haunted.

Saw Website Deconstruction

http://www.officialsaw.com/ -- saw • Really memorable as shows an intro of you looking through what looks like a tv screen as various tortures to give the genre of the film • There is a house of jigsaw which gives you information on the victims and traps. Its almost like a police report • The layout is in the shape of a circular chain saw edge, shows the genre well • Links to buy the dvd • Theres an auction where you can bid for the props used- good promotion- makes it memorable • Link to view the trailer • You can view info about each film separately