Web 2

This is an example of the intial page you would see when typying in the url.. the moving image from before has been applied to the web page.. the images will loop on a set of three.. which is the amount of logo variations we have done for the moving image. This will give a nice visual image for the start up screen.the contact details of bosh will be in the top left corner. 

Example of the text on the web page is helvetica bold and regular which matches with the typeface used for the deconstruction of the logo. it creates constancy within the identity. \

Example of the page when entering the website, very clean iaged based to best showcase the work. You can see the plus and minus º which is used as the scroll and backs up the concept. 

Here you can see how the interaction of the website works, with the arrow hovering over the left side of the page, this drops down a black opaque bar, this is to highlight the information on the left side of the page as it will enable visability despite the image underneath. 

Here you can see the curser hovering over the right side when the information bar is located this will provide infomration on each image and each sector with the website.. which is all based on the particular type of social code. 

Example of the drop down at the bottom of the page which highlights the sub categories with in the subject of social coding. 

This is an example of how the transition would work on the website, after pressing the information symbol,  however we have decided to not continue this idea as it detracts from the over all image which is the sole purpose of the website.. although its a shame as this is a stronger way of applying the concept to the over all design of the website.