Tuesday, 24 May 2011

Final Web Pages

Below are the final pages of my six page website. I found this a pretty difficult aspect of the brief. I have never attempted website design before and found myself at a loss as where to start. I had to think about composition seriously and also legibility, but most importantly the functionality of the site itself. The purpose behind the design is to act as the 'distribution' part of the brief, so therefore it had to be done right. Individual page descriptions can be found below.

Home Page:
This is perhaps the most important page of all the others. It is the first thing visitors will see when on the site. It needed to be eye catching and display just the right amount of information. I opted for a large picture so as not to overwhelm with the amount of text and also intrigue the possible customer. I think the aesthetics of my final package speak for themselves, and therefore could attract an audience without the need for type at all. However I knew that some was necessary so I used a large point size and in terms of the content of text I made it engaging and humorous. I asked rhetorical questions and used a geometric shape as a tab. Hopefully it is a page that works well and does a engage the audience in the way I intended.


About Page:
The second page I designed is the one with perhaps the most amount of text. I knew that one of these pages would have to be created but I still didn't feel good about actually creating it. To counter the large amount of information I also placed a large image on the page. I propose that the smaller thumbnails along the left hand side of the large image are clickable and whichever one you do choose to look at becomes the larger image on the right. I also like the idea of having a 'magnifier' on the right hand side image. That way when you move your mouse over it you can see the fine detail of the package. This helps reinforce the idea that stock choice and type composition are the main emphasis of my designs.


Range Page:
This page almost acts as a little bit of a filler. I knew I needed a page that outlined the objects on offer without going straight into ordering. Therefore with this page, by clicking any of the four images to the left of the screen you are shown a range of images, most probably using a gadget such as lightbox which allows you to scroll through a selection, and can therefore make your decisions on what you might want to put in your snack pack before navigating to the order page. For the aid of the consumer I also placed a typed up list of the full range along the right hand side of the screen. Therefore if you do not wish to look at the images you do not have to waste time doing so.


Order Page:
The order page is the page that has to work better than all previous attempts. It is the page that defines if people will actually use the service. If it is too confusing people will most likely be put off and navigate away from the site. Therefore I kept the design nice and simple with neat lines and as little info as possible. Obviously the complete list of items have to be shown, which do take up quite a bit of room, but they are completely necessary. In order to tackle the question that many people raised in my crits which was 'what about ingredients, nutritional facts, allergy information etc?', I propose this to be the solution to that. I never intended to place this load of information on my packaging, it would be too overwhelming and in most cases there just isn't enough room. So on this web page by hovering over the item a small pop up box would appear with all the necessary info inside. This tackles that problem with little harm to the packaging aesthetics themselves.


Show Info Page:
This page was an after thought really. I has always considered my solution to this brief to be targeted at pre existing fans of the show, and not something to attract new ones. However I did realise this was a possibility and by word of mouth possible new fans may come across the website. So to act as a method of promotion as well I included links to all four sitcoms home pages on NBC.com and a little background information on each one. The page itself is pretty self explanatory and I hope the message is effectively communicated.


Login Page:
The last page I designed is the most minimal. It is simply a login page allowing existing members to return to the site and order their personalised snack pack whenever they want. Ideally the system would store information on previous orders and gain an understanding of the customers preferences and could perhaps even recommend items for the person to order. This page also has options to sign up as a new member and enter promotional codes to get a discount on first orders.

No comments:

Post a Comment