Short Client Project - My Final Web Site Design

This is the finished product for my website that I have built for the past couple of weeks. In my proposal, I mentioned that I will keep the colours consistent and which i have throughout all of the web pages. I tried not to overcrowd my website with images, as it will look unprofessional. I've taken important parts of information from existing sites about malaria. I included the malaria interactive map and placed it in the hotspot page. The links that are activated are: "Home, Malaria facts, Hotspots, Travel Guide and Insect Repellent". Each of these pages have different sources of information about malaria. I've tested and checked if every link on the website works, I've also tested the website on different browsers such as internet explorer and firefox.

I have taken a screen shot of the home page, all of the pages are kept the same.

Top half of the website

Bottom Half of the website

As you can see I've included the malaria interactive map in the "Hotspot" page...

Short Client Project - Malaria map

Using macromedia flash, I created this interactive malaria map so that users will know which country has the high risks of malaria. I will place this map on one of the links on my website.


You can hover over the map to see which areas have the risks.

This is a screen shot of the map when the mouse is not hovered over.



This is a screenshot of when the mouse is hovering over "africa". The mouse can be hovered over the other selected countries, information will appear in the grey box, just like the screenshot below

Short Client Project - Top banner for web site

I created this top banner for my website, which includes my finished logo and insects drinking the blood. The words are animated using macromedia flash, it fades in and fades out.

Short Client Project - the final web banner design

I used Macromedia flash to create this animated web banner. I included more actions to the story such as the bug gradually becoming fat as he drinks the blood and i've included more text at the end to finish off with the story. Although I had problems including sound to the banner. I must say, creating this web banner was the best part of this project.


Below shows a storyboard of the insect repellent web banner.


1) The insect is walking on the skin


2) Insect begins to find a spot to suck the blood


3) Insect turns around...


4) The insect makes itself confortable...


5) The insect digs his way in to the skin and begins to suck the blood...


6) He carries on sucking the bloog and gradually becomes fat...







7) The insect has finished the meal and looks up...


8) It turns around and walks off the opposite direction...


9) Insect carries on walking but struggles to walk....



10) The skin gradually becomes infected...


11) Text zooms in from centre "Are you Travelling Abroad?" and fades out...


12) Second text zooms in from centre again "Don't let malaria ruin your holiday" and fades out...


13)Third text zooms in "Remember your repellent" then fades out

14) Fourth text zooms in and once you have clicked on the link, you are directed straight to the website.