Lesson Two - Week Six

Today in class we presented our final product to the entire class. We briefly spoke about our interpretation of the small change, big impact brief before giving a run through of our website. From there we showed our video content embedded in the website. We didn't receive any feedback which was good and bad, as it meant there where no major problems or faults that needed our attention. However we did notice some small mistakes in the video and website ourselves, that we were able to fix before the end of class. These consisted of small timing issues near the end of the video which were the result of a touch up of a section earlier on which had pushed some elements out of sync with the music. The issues surrounding the website where to do with the fonts, we had specified a font in our html however had failed to package the font file in our final folder. This was quickly sorted using a @font-face element before finding the file on our computer to add to the package. 

Our final website is shown below:

This the fist section of the website that appears after the pre-load page. This section includes the header which contains redirects to the various sections on the website, the title of the project and our catch phrase before giving a brief overview of the purpose of the project and our desired outcome. Sitting adjacent to this is the logo for the plastic project. 

 This next section displays our video in the full height of the page. The image displayed is a image from the end of the video, we have used this to tie the clean crisp and simplistic aesthetic of the website together. The video its on a simple design we have developed in Photoshop specifically to sit behind the video. 

From the video the website progresses to a section of statistics clearly laid out in order to allow the message to come across as efficiently and effectively as possible.  

Continuing on from the statistic the website morphs into a section of info graphics which we have developed to incorporate our specific blue colours as well as a juxtaposition with the green in order to reference the effects on the environment. 

To tie the website together we have developed a footer that contains information about the creators of the project, this was done in an attempt to formalize the website to a point whilst also showing it is a personal project and not run by a large corporation. We have also once again provided redirect links to the various sections of website. Social media links make up the last layer of the footer, these would redirect to the respected pages if the project where to actually come to life.

In terms of the video development, we have finalized our video after making a few small changes. We removed the pitch-shifters/bass boosters which were on part of the dialogue, as this was becoming quite distracting. The original audio however sounds much more authentic and less distracting.

Fraser