Showing posts with label website. Show all posts
Showing posts with label website. Show all posts

Wednesday, 25 April 2018

The Shape of Water - Website Deconstruction

The Shape of Water - Website Deconstruction



  • Initially whilst the website is loading, this logo comes up and loads up full. This typography is sleek and has relevance to the genre of the film. The screen other than that is in complete darkness.
  • After, you are promptly greeted with the trailer. This is very intelligent, almost forcing you to watch the trailer. If you want to exit this you can close it from the top right corner. 
  • When you close this, it is really easy to navigate around.navigate around. The title of the film would normally be expected to come up, as this is a website convention, yet this website subverts this convention and instead it says 'embraced' in thin white writing. We liked the idea of a water in background so we decided to use it. At the top, there are direct links to actors, extra videos, fan art and opening dates. This can extend the fan loyalty base to an even further extent.

Tuesday, 24 April 2018

Media Technology within the creation

Media technologies within our creation

Final Cut Pro:


Final Cut Pro was the program used in the production of our final teaser trailer. Several aspects and the overall piece was created by final cut pro.


Layering:
Layering was essential within the creation of our final teaser trailer. Layering was used with the audio and visuals. As you can see, there are several different layers of audio. There is three continuous audio tracks in total, 2 of these being ambiguous sounds, adding to the overall melancholic effect of the soundtrack. Majority of these tracks evanesce, also for the same reason. Some audio also fades in, which was done by the fade tool , and the reason for this is to create an unprocessed and realistic nature to the audio. The other added audio was diegetic but infact, was added artificially. This was the racket of the chains of the boxing bag and the impact hit of the boxing noises. Initially, this didn't match the scene so I had to change this. I also created a soundbridge, leading to parallel boxing noises which then again adds to the overall effect. To get the impact I desired, direct precision was required which would allow the audio the audio to be synchronous to the scene. Dynamical alterations were made of each boxing impact in relation to the harshness of the impact with the boxing bag to create a genuine result .

Editing:
Quick cut editing was used when needed for a scene where tensions were increased. Again, Final Cut was used for quick precision to gain effectiveness to the overall teaser. Another technique was 'Montage Editing' , which is a series of unconnected sequences , which created the desired effect. This was used in the different running scenes where it flickered between several of these scenes.
Using the Final Cut recourses, we created a flashback , which is a moment in a sequence when an event from previous time prior to that current narrative was shown, to create a scene of solitude.

Photoshop :



Photoshop was used in the creation of the media poster of out teaser. Several techniques was used within Photoshop to guarantee effectiveness within it. One technique used was adding noise/pixelation. This effect had to be subtle but still effective so to find this level was difficult. The effect of this effect would generate an 'old' type look on the poster. To create a further realism and in combination with this effect, the 'Gaussian Blur' was used. Gaussian smoothing/blur is ironically an effect to reduce noise/pixelation but if used right, can have a realistic impact on the image. This is the result of blurring an image by a Gaussian function. It reduces image noise and reduces detail. An image was layered onto the poster which gave it the 'Old movie look' and to do this, blending options were changed to 'Hard light' to generate a genuine essence to the final product and to give it an antique feeling. Coupled with the image added, the 'Burn' tool was used around the outside of the image again contribute to the intended effect of the old movie look. This was also used around the sides of the typography to create a similar effect.


  • Video showing how exposure curves was used in the production of the ancillary text. Also shows the 'Old movie look


Saturday, 21 April 2018

Website deconstruction - The Hunger Games

The Hunger Games - Website deconstruction


The four action adventure films within the Hunger Games series are based on The trilogy of novels, by the American author Suzanne Collins and have proven to had huge global success. 





  • The immediate focus when the webpage is opened is the title, written in a bold font which is the same typography carried throughout all of the films. The colour is much lighter and huge contrast to the background colour continuing to make it stand out.
  • The slogan 'every revolution begins with a spark' is a powerful portrayal of the film, and it provides a unique attachment to the film making it more memorable. 
  • It is noticeable that in the top right corner there are 'share' and 'follow' hyperlinks. This provides access to several of their other media platforms to expand their media influence and reach a larger audience. It informs people that The Hunger Games also has a twitter and Facebook which they can interact with allowing fan interaction too, thus spreading the global reach
  • The film trailer automatically plays when entered into the website so viewers automatically watch it which could interest them
  • There are also large image of the film DVD as well as promoting the other films within the series, and these are all linked to a page to purchase it, making it easy for viewers to buy improving the films overall proceeds.
  • Several links at the bottom provide easy access to buy the movie' 
  • The colour palette of the website is complementary to the website and film itself thus creating an identifiable brand continued through the series


Wednesday, 18 April 2018

Website Deconstruction - Room

Website Deconstruction - Room


  • The GUI of the website is cleverly designed - the website transitions onto the screen to form a room-like box.
  • Interestingly, the user is not taken straight to the webpage but to an initial homepage where they have to click "Enter site' to visit the page - is this something we would consider incorporating into our own website?
  • The initial webpage displays a photograph occupying the screen of the two protagonists embracing, giving a hopeful tone to the film.
  • A key point to note from this website is that the colour palette used frequently throughout the film is used in the website.
  • The colour is consistently cool toned and blue, with a contrasted yellow font
  • The website shows the awards the film has received - the cover webpage shows an image of the iconic oscar award to inform the viewer of the success of the film.
  • Once the viewer clicks "enter site", sound and video are utilised as a clip from the film plays alongside a soundtrack of the main protagonist's signing voice. This establishers to the viewer the fact that a relationship exists between the two characters.

What inspiration can we draw from this?

  1. The use of a similar colour and font scheme to establish a clear promotional package.
  2. The slideshow of critics' feedback appearing at the top of the webpage - the text appears one after the other so as to not appear overbearing
  3. The use of a

Monday, 16 April 2018

Website Deconstruction - Moonlight

Website Deconstruction - Moonlight





  • The initial webpage when the website is clicked on shows a fading transitional slide show of the three stages of Chiron's life as he appears in the film. This indicates to the viewer that these characters play an integral role in the narrative - the three men signalling that themes of masculinity are prominent within the film.
  • The title is clear and distinct across the screen, however is written using a delicate typography so as to not distract the viewer from the photography. 
  • The photographs occupying the entire screen are particularly emotive - the heavy focus on eyes provoking empathy from the viewer. As a group we can hopefully take inspiration from this apt use of a still image to convey a meaningful message. 
  • The webpage also utilises social media by including links to the film's twitter, facebook and instagram. The links are small and discreet, however still legible in a white font. 
  • The tagline features on the webpage, however is relatively discreet in relation to the film's title. The Academy Award for 'Best Picture' is privileged over the tagline as it is more likely to attract potential viewers.
  • It is interesting to note the use of "Follow the story" in the bottom left hand corner of the webpage. The arrow underneath it signals the viewer to scroll down - leading them towards the rest of the webpage which has a scroll interface similar to those of popular social media networks. The simple scroll nature of the website is aesthetically pleasing and comfortable for use, especially for younger audiences as the website reads similarly to a blog or twitter feed.
  • "Follow the story" resonates as something giving the film a narrative that extends beyond the film itself. Being a talked-about zeitgeist film due to its theme of masculinity and predominantly black cast, the film is more than just a story. Black men are statistically greatly underrepresented in the film industry, making "Moonlight" a story of black success made evident by its website.

  • Above is a screenshot of part of the website. The website features headlines in a news outlet style fashion, with images and transitioning text adding aesthetic value to the site.

What inspiration can we take from this?

  1.  A website that flows - allows for easy viewing, modern and aesthetically pleasing.
  2. Image focussed - aesthetically pleasing as image is able to dominate the screen
  3. Suitable privileging of typography - most important text to be the largest
  4. Inclusion of reviews

Monday, 2 April 2018

Under the skin website deconstruction

Under the skin website deconstruction

  • Colour scheme is mostly black, which is aesthetically pleasing for the audience
  • Ongoing gif in the background changing colour on the main protagonists cheek and the text changes too
  • Main actors name underneath her lips
  • Simplistic view which is also aesthetically pleasing. There is consistency through colours, fonts etc. most website conventions are conformed to.
  • Extreme closeup on her face which is similar to the trailer  
  • Website is extremely easy to navigate around and there is a link straight to the reviews page with a page full of reviews and quotes about the film , engaging the audience even more. There's also trustworthy star rates views from notable newspapers.

Sunday, 25 March 2018

Dunkirk website deconstruction

Dunkirk website deconstruction

Before creating our our own website for our teaser trailer 'Quicksand', it was vital that we assed the quality of current websites for film prodcutions that are successful on a large scale. This allowed us to discuss what we belived worked well and what could be improved, as well as discovering potential  inspiration thtat can be applied to our final piece. 


  • I decided to look at current website of large budget movies to see how their promotional package was designed for mass coverage. When entering the 'Dunkirk' website, the trailer fills the page and immediatly begins to play. This is a clever technique as it ensures the audience will watch the trailer and create interest towards the film already. Once on the actual websie page, I noticed that it has a very dark colour sceme which not only fits the pallet of the promotional poster but also the film itself. Aswell as this the typography was the same too. 
  • There are direct links to 'Watch trailers' and the 'official sountrack' in the centre of the page, encouraging viewers to explore the film further.
  • Additionally, there were links to 'Order now' and the 'Web VR game' which again encourages sales for the production. 
  • The layout of the website is very neat and symmetricle which is very asthetically pleasing but provides a professional appearance too.
  • Noticably, there were linked social media handels including Facebook, Instagram and Twitter, thus expanding the promotion of the film over several platforms.