Thursday, 6 May 2010


Presentation Pt.3:

Presentation Pt.2:

Presentation Pt. 1:

Powerpoint Presentation:

Evaluation Presentation

Final Poster, Website and Teaser


No typical love story from St Marylebone Media Studies on Vimeo.



Home Page

Trailer and Synopsis Page

Gallery Page

Website URL:

Tuesday, 30 March 2010

Project Plan - Analysis

Above is the original project plan I developed to ensure that deadlines are met. Analysing my project plan I can see that my project was running behind schedule from the filming deadline which had a knock-on effect on the rest of the deadlines. In order to make up for the lost time I had to design my poster and website whilst still editing the trailer in order to meet the deadline for the blog which was the 31/03/2010. Overall, I feel that the project over-ran due to the shots which were filmed had to be re-shot which put the editing on hold. Otherwise, if this did not occur the project would have been on track. Through re-evaluating my project plan I managed to meet the final deadline of the 31/03/2010 successfully.

Skills Developed Using New Digitial Technology

Final Cut Pro - Log and Capture Techniques:

Log and Capture Techniques Used

Final Cut Pro - Browser:


Final Cut Pro - Timeline and Canvas:

Timeline and Canvas


Motion 1

Friday, 26 March 2010

Final Website

I have embedded all three parts of my website above, and are the final product which I designed on Photoshop. As you can see all three parts of the website are consistent in terms of colours, images, layout, fonts and other codes and conventions. The reason I chose to keep the theme of my website consistent is to create an identity for my film. There are four colours I used for my website were black, white, grey and red which complement each other well, and the red was included to obviously construct a representation of romance and love. The three fonts which I used were ‘Helvetica’, which is one of the most commonly, used fonts, and I thought it complemented the website well and gave it a sophisticated look. I also used the ’28 Days Later’ font in deep red for my film title, which I previously used in my poster which helped to maintain the theme and identity of the film. The font for the actor name and the strap line were ‘Helvetica’. As you can see in the top right the trademark tree has been included which helps establish a sense of identity for the film. The image used was identical to the one in the poster but was edited slightly to fit in with the rest of the website. The main editing done on the image was more brushing around and in between the actors, which resulted in the website looking more spacious, less cluttered and clean. Along the bottom I featured the billing box, for which I used the font ‘SteelTongs’, and the font was coloured grey which complemented the colour of the navigational bar font. Two other features along the bottom of the website are the film rating, as well as the copyright and legislation laws, also in grey ‘Helvetica’ font. In order for the billing box and other features along the website to be legible, I had to brush the bottom part of the website in white, so that the grey would contrast. The navigational bar has four features which are the trailer, story, gallery and social media buttons which are all codes and conventions of a film website. As you can see, the social media buttons are heart-shaped which complement the story-line of the film well as it is a romantic comedy, and help to identify what the film is about. Another additional feature I added to fill the negative space I had in the top right of the website was a podcast on iTune available for download, if any of the viewers were interested and wanted to know more about the film.

The trailer/story page is similar to the home page. It features the actors names, film title and strap line at the top of the page, which is identical to that on the home page. However, I had to edit the size of the these features in order to accommodate for the trailer, storyline along the side of the trailer and the image below. I also featured the release date of the film, which I intentionally chose to feature on the trailer page, as the trailer is on that page and the audience may be willing to know when the release date as it is not stated in the trailer. The resolution of the trailer for my website will be 400x320 which does not take up too much space, but can be viewed without watching on full screen. Along the side of trailer is the storyline, which is inside a grey box to contrast against the website background and attract the viewers attention. Below the trailer is an image of the two actors in black and white, which once again complement the theme of the website and poster and helps to maintain the identity established. Along the bottom I featured the billing box once again as I wanted to maintain a constant theme throughout the website. Finally, in the top left corner is the trademark tree which I have used to help establish the identity of the film which the audience will recognise immediately.

The final part of my website is the gallery page which will feature a slideshow of images from the film, and is an additional feature for viewers to see. Through my research I identified that many film website feature a gallery page, and I decided to feature it on my website. As you can see the gallery page is similar to the other two pages and features the title, actors, strap line and release date at the top. In the top left once again is the trademark tree which I included to keep the theme consistent and maintain the established identity of the film. On the bottom half of the page is a photo of a bridge I took on Regents Canal which I edited in Photoshop and added a black and white effect to complement the other images on the website in terms of colour. Along the bottom is the billing box once again, as it would look bizarre if I had featured the billing box along the bottom of the first two pages of the website and not on the last. Finally, the main feature of the gallery page is obviously the slideshow gallery which is placed in between the bridge and the title, as I dedicated this are for it. I designed the slideshow galley on flash, and will go through in steps how I managed to do this. Firstly, I created a Flash file (ActionScript 2.0), and I then uploaded the images which I wished to feature in my slideshow into the flash library. I then set the resolution of the slideshow to 400x300 and resized each image to that resolution, and I therefore needed to change the resolution of the images also to 400x300 to avoid distortion. The next stage was designing the forward and back buttons so viewers can flick through the images. Then I created a code which works on (ActionScript 2.0) which allowed me to change the images when clicking on the forward and back button. The final stage before uploading the slideshow onto my website involved me exporting all three layers of the slideshow which were; the images, buttons and the action script in which the code is placed as .swf file and importing it into DreamWeaver and embedding the code on the gallery page. The end product was successful, and I am pleased with how the slideshow works and how its aesthetics as it complements the theme of the website. Overall, the website was a great success, all buttons work correctly and the overall image of the website outdid my expectations.

Website Link on Free-Hosting Server: