Illustration made for background of website - fixed width of screen, scrolling main section will be centered through this background image. 

Developing the website design

We felt like the website background was too busy and distracted from the content, becuase if this we have made the headers the whole screen, with a clickable arrow going down to the information. We have also desided to keep each page in the same colour theme to keep the whole website cohesive.

Website Page Mockup - This is the layout for the home page of the website. 

Mock up website design layout for the effect on our oceans page.

Animatic (storyboard transformed into short video) Demonstrates timing and helps us gather what the storyline will be, this is a rough cut, will be tidied up during the animation process.  

Website designs

Our website is going to be 3 pages, the first home page will have our video on it. The second page will have more information about plastic bag pollution, and the final page will have the solution, so in our case information about reusable bags, and where they can be purchased. Below is the begginings of our website design. 

Possible designs for the headers of our website pages. 

Drawings for our animation

We want our animation to have a hand drawn aesthetic, because of this we want to hand generate as much as possible to achieve this. 

Story boards

We have started to bring in some colour and more images into the storyboard to help visualise how our animation may start to look.