Thursday, October 29, 2009

Layout Ideas for the Website

Idea 1:

For this idea the header will be across the top of the page and could include the bbc dig in logo and then at the right side and the left side images of fruit and veg.

Underneath the header there will be the navigation for the website and the links could be.. home, games, recipes and tips for example.

The long box underneath the links will be for text and this text will be the welcoming message to the website and a bit of information about the dig in campaign.

The square box next to the text box will be for images. This could be made in flash so that the image in the box changes to a different image every 5 seconds or so. This makes the page more interesting.

The long box on the left will contain an image. This could be a screenshot of one of the games. the text box within the image box will contain text which could say.. 'Click Here to Play Games'. Both the image and the 'Click Here' text will be a link to the games page as this makes it easy for the user to navigate around the site.

The long box in the middle and the long box on the right will be similar to the one on the left but the middle one will be for Recipes so the image could be of a mixture of veg for example and the box on the right will be for tips so the image for that could be a plant pot. Again the images and the 'Click Here' text will be linked to the appropriate pages.






Idea 2:

The header and navigation bar in my second idea is in the same place as my first idea.

The large box on the top right of the page will be used for images. Again this could be made in flash so the images change to a different one after a certain amount of time.

The text box underneath it will be used as the welcome message and a bit of information about the bbc dig in campaign.

The text boxes down the right side of the page will be short bits of text to persuade people to visit the different pages. One will be for games, another for recipes and another for tips.

On the layout ideas I have tried to use plenty of whitespace so that the page is clear to the user so they dont get confused.

No comments:

Post a Comment