Chelsea Jeremiah: Layout

After making the changes based on the feedback I received from the pitch, I went on to make a full website mock up using Keynote. This would then give my client a chance to see what the website would look like and he could go through the interactivity/ navigation. I have been emailing him about the content that he would like for the website, and I have included what he has sent me in my mock up.

Homepage

This is how the homepage would look. At the moment I am unsure as to what content I am putting in the box on the left hand side, but I have emailed Clive and he will let me know what he wants to be put in there. Next to that there will be a youtube video which is promotional video and underneath that there is an image that Clive sent me. In the bottom left hand corner there is the tagline, which will be in this place on each page. A long the top there will be the navigation bar, which will be easy to navigate through the whole website. I have also created a cut out effect for the title, which I made in Photoshop. The image below shows the navigation bar.

About the Project

This is how the 'About the Project' page would look. The page layout is fairly simple and clear. On the left hand side there is a box with text which will explain what the project is about and the aims of it too. Next to that there is a couple of image, I have placed these on an angle to try and create the idea of it being a real pin board. Like with the homepage, the tagline, navigation, logo and title are in the same place.

Press Reports

This is how the 'Press Reports' would look. After having a think I decided to make links for the different press reports, which when you click on them they take you to the reports. I thought by this layout looked cleaner and users would be able to clearly see and chose the reports they want to read. The rest of the layout is pretty much the same as the previous pages. The image below is the press report links, in Keynote I made these all hyperlinks which takes you to the next slides. I did this so that Clive could see how the layout and interactivity would look.

Press Reports 1

This is how the first press reports page would look. Its quite a simple layout and I have made a back button, which takes you back to the previous page with the other links for the different reports.

Press Reports 2

This is how the second press reports page would look. Its quite a simple layout and I have made a back button, which takes you back to the previous page with the other links for the different reports.

Press Reports 3

This is how the third press reports page would look. Its quite a simple layout and I have made a back button, which takes you back to the previous page with the other links for the different reports.

Press Reports 4

This is how the fourth press reports page would look. Its quite a simple layout and I have made a back button, which takes you back to the previous page with the other links for the different reports.

Press Reports 5

This is how the fifth press reports page would look. This page is pretty different from the other layouts based on the fact its all pictures and no text. At the moment I'm not sure whether I am going to add some more images and if I don't this is how the page would look. I have made a back button, which takes you back to the previous page with the other links for the different reports.

Gallery

This is how the gallery page would look. I have tried to make the layout look as though it is a real pin board, by pinning lined paper on it and having blu tac stuck on the paper. On the right hand side there is the images and if you click on them, the image that has been clicked on will come up bigger on the bit of paper on the left hand side.