Design

4. Designing

4.1. Product Storyboard
This would be the basic layout of the final product. The difference between this and the prototype is the use of a horizontal menu bar rather than a vertical menu bar, drop down menus using Sprymenus and a proper banner.



Layout of the specifications pages for the Evolution and Ralliart:



Layout of the range pages for the Evolution and Ralliart:



The layout for the image gallery:



The layout for the video page:



As for the other pages, the layout is exactly the same as the homepage (which is the first picture shown on this list).

The sitemap:



4.2. Dataflow Diagram
The dataflow diagram below shows how the webpage will load in a user's browser:



4.3. Completed Product
The completed website can be viewed via this link: []

The following are some screenshots of the website:

The Lancer Evolution X specifications page

The image gallery

The video page