INITIAL RESEARCH: Chatroom/Website Deconstruction

This is the home page of the website for the movie ‘Chatroom’ and although the full live website isn’t up as of yet, it still has common conventions of a film website e.g. the attention grabbing centre image, the movie title in bold, movie slogan and cinema release date. The website also has relevant links at the bottom to find out more or show support from the film through known social networking sites- facebook and twitter.

CATFISH WEBSITE

• This is the first view you get when visiting the 'Catfish' website.
• The trailer pops up immediately and the option to skip it is in the top right hand corner.

• When the trailer is clear from the screen, this is the initial view of the website.
• A large mouse cursor, similar to the one seen on the 'Catfish' typography, replaces your original cursor. This makes your experience more relevant to the film.
• The Typography is the main image in the middle of the the screen, and no other images are show on the web page.
• The lack of imagery along with the catch phrase keep a sense of mystery about the film. "Don't let anyone tell you what it is." gives nothing away but also links in with the idea that the film is about the unknown dangers of the internet and identity.
• Logos of companies linked to the film and age restriction details are placed in the bottom corners of the page as they do not need to stand out on the page.
• The facebook and twitter link is visible at the bottom of the page to take you to their other sites.
• Quotes appear in the top corner one after another in an animated cycle, giving them some variety.
• The text above the twitter links stands out and informs us of what the film is available on.
• The background and "Enter Nev's World" button are animated in a glitch like fashion to give the impression of technology.
• The colour scheme could imply the film could be a horror as the red has connotations of blood and danger, although the effects and animations imply the theme of technology in the film.
• The white texts helps make the important elements of the page stand out against the blue, electronic background.

• When "entering Nev's world", it is made to appear as if we have logged on the Nev's Mac.
• The page is layed out like an Apple Mac desktop with a variety of icons we can click on.
• Each icon is similar to that of an actual programe you would find on a Mac, although, as opposed to carrying out its actual purpose, it gives us information about the film. For example, we can open Nev's photos and videos which shows us images and clips that are relevant to / from the film.
• This adds a greater sense of realism of the idea behind the film and helps get the point across more effectively.
• Through logging onto Nev's Mac, you are put into his position and can relate more to the danger behind the message in the film.
• Extra elements are added through laying the website out like this, making it a more enjoyable experience.  For example you can see messages Nev and his internet friend have exchange in a chat window and watching videos from/about the film. 

WEBSITE: Adding Social Networking Icons etc

WEBSITE: Adding Social Networking Icons etc

On our website and as a another convention, I added social networking links for our audience and website viewers to have the option of 'sharing' our film promotion. These icon links are very important because social networking as previously mentioned is a running theme for our film and in every promotional aspect e.g. our poster and our website, its vital the audience knows this.

(Facebook, Twitter, YouTube, Tumblr, Blogger icons featured on the homepage)

Upon saving the website layout, it was time to name the site before publishing it e.g. wix.com/alternetmovie

The website is slowly coming together and attention to detail is important e.g. the bottom left shows the coypright title e.g. 2013 MEDIAINTERNET3

POSTED BY TOSIN

WEBSITE- Adding Features

WEBSITE: Embedding Trailer/Pages/Movie Rating etc

When actually embedding our completed trailer onto our website, using the 'ADD' icon, one of the editing tools, I pasted the YouTube URL for our trailer and chose the option of allowing the video to play upon immediate opening of our webpage (on the homepage).

Next, I added made-up critics quotes and movie rating stars for our film as not only is it a convention of film websites but it again, adds to the credibility of the film for the target audience. (The text colour, blue and white, I decided in order to match the blue facebook banner and the rest of the text of the navigation buttons)

(Adding the blue navigation texts for the different pages)

On the website, I made three other pages aside from the homepage, this screenshot just the 'synopsis' page with a little background detail of the plot but what I want to point out is how the webpage background is the same for all the pages.

POSTED BY TOSIN 

WEBSITE: Layout/Background

WEBSITE: Layout/Background

Once I selected the website background, I proceeded to erasing the pre-set features of the template and used the icons on the left to navigate around the editing options e.g. selecting a new image as the background, similarly placed. Our website background we decided to keep black and plain because not only is it subtle but suitable for the 'feel' and running theme we are trying to create for our poster etc.  Understandably I realise that black used in this respect would typically be used for a horror movie perhaps and indeed we are making a 'psychological drama', so I think black can also be associated with 'mystery' and even the 'unknown'. These are definitely themes linked to the character and plot surrounding our character Matt.

For the background aside from the colour, I placed this rather close-up and focused image of our main protagonist, Matt. We chose this image because it is prominent and attention-grabbing, and we thought it was also quite eerie, in the sense that Matt is looking directly at the audience, direct eye contact. The image has been edited to create an effect, to make Matt appear almost isolated and the dark surroundings along with his solemn facial expression ties into this effect well.

(Adding the background Image)

Continuing to replace the pre-set features, I then added the movie logo/banner which we intended to emulate a 'Facebook' banner but instead it says 'alternet' our movie title and in the searchbar it says our movie slogan 'become your fantasy' (which is echoed in our trailer).

POSTED BY TOSIN

WEBSITE: Using Wix (Initial Stages)

WEBSITE: Wix.com/alternetmovie


In considering production for our movie website, we have decided to use and sign up for an account on the very user-friendly and easy website maker 'Wix.com'.

'Wix (Windows Installer XML) is a free softwarre toolset that builds Windows Installer packages from an XML document'

Firstly, using our group pre-set login details used for our blog and YouTube page, I signed up for the Wix website and set out to make our website by selecting the category and primary purpose on our website e.g. The website can be classes under 'Entertainment' more specifically 'film'.

The next step is selecting a template amongst the options Wix has and that is suited to the ideas we already have as a group as to what our website will look like. Keeping in line with our drafts and movie theme e.g. internet and Facebook, we were straight away drawn to the Facebook layouts. Unfortunately, upon playing around  and trying to edit each of the 'Facebook' templates listed above, I realised the actual 'Facebook' logo and banner was not included or allowed to be featured on the actual website once published.

So instead of settling for any of the Facebook templates, I decided to pick any other template and manually edit the layout to how we initial wanted and as close as possible to the drafts we made.

POSTED BY TOSIN