Website Review and Suggestions

Portfolio 2.1
The home page wireframe represents how the contents are managed over the screen. The
wireframe image shows that there is a main menu in the header. There is also a logo at the below
of main menu. The size of the logo is bigger than that of conventional size. There is also a
heading at the below of the logo. The floor map will be positioned at the center. There will be a
brief description of the robots along with definition of robots.

The page in which the robots will be defined will have the same stricture from menu to
the page heading. However, in terms of content, there are name of the robots and images of the
robots. The name of the robots will be just above the images. All the images will be of same size.

The contact page is different from all the others. There is a form in the contact page that
will allow the website to store the details of the visitor. In order to store the details of the visitor,
the website need the visitor to enter the information in the input fields and submit the form.
There is also a heading and the details of the physical address such as street name, city and other
required details. If possible there will be a google map that will store the location actual google
map page.
Portfolio 2.2
The navigation has been used in the website for navigating through all the pages. The
main path of navigation is the main menu. The navigation is implemented using <nav> tag. The
entire navigation is implemented using UL and LI tags. There is a home, about and contact page
along with a separate page for the robots. As the pages are static different page for every
category of robot exists. There is a floor plan image that has circles labeled with different
category of robots. A map area tag is used for specifying clickable areas in the image. If the
visitor clicks on the domestic circle then visitor will be redirected to the domestic page. Sections
are used for containing the contents. Robot names and images will be stored within a section
with id named home.
The headings such as h1, h2, h3 to h5 will be colored with dark brown. The navigation
menu will be white in color and dark ash color in background. After hovering the mouse over the
menu item, the text color will be dark ash and background color will be white. This way the
website will distinguish the selected menu item from the others. The normal texts that are within
<p> tag will be colored with black. Each <p> tag is text aligned justified. Each content will have
proper distance from each other. The color can allow the visitor distinguish the important
contents quickly. Right colors can attract the visitor eyes quickly.

No whitespace will be used between the contents. It will only increase the page size. The
website will have proper spacing between the contents. The alt and title attribute tags will be
used for each <img> tag. The title and alt will the same as the name of the image. Such as if the
name of the image is floor plan, then alt and title will be floor plan. All the images will be less
than 50% of the page size. For mobile devices, the size will be 70 to 80% maximum. All the
images will be of JPEG format. The browser default link presentation will be used in the website.
It will increase the usability.
Portfolio 2.3