ARTM2210 Intro to Web Design

Just another Intro to… site

Bi-weekly 5 site review

http://www.begbicycles.com/

The sites primary navigation is placed at the top of the screen and is framed by parallel lines. It gives the user the option to go back to the home page or go forward to: bicycles, accessories, gallery and BEG blog. Their secondary navigation is at the bottom on the page directing the user to: how to order, contact us, small print, trade, cycle to work and press. The color and texture on this page does not change from each type of navigation and they are both horizontally placed. Instead the designer uses line and font size to suggest importance of each menu.

http://blindbarber.com/

The sites primary navigation is placed at the top of the page. It gives the user the option to go click shop, about, menu, locations, press and news. Their secondary navigation is at the bottom on the page pointing the user to newsletter, return policy, reservations, friends and contact. Both navigation menus are horizontal. To expose the importance of the primary menu the type is in a large font on top on a black and white picture of a barber. The photo’s dark texture makes the white text pop from the screen directing the user’s attention. The secondary menu is placed in a plain grey rectangle with a light grey font, not distracting the user from the rest of the page.

http://www.archikon.nl/

The sites navigation is randomly placed on the home page. It gives the user the option to click projects, contact, Archikon blog, construction and office.  Their secondary navigation is horizontally placed in the bottom right corner of the page directing the user to twitter, linkedin, feed and login. The primary navigation is on top of a large color photo. The designer uses circles as pin points and white lines to move the users eye from one option to the next. The secondary menu is in a small blue rectangle with black text. This site did not rely on trends, its unique navigation design will only intrigue the user more.

http://saltsurf.com/

The sites primary navigation is at the top right of the page horizontally placed. It gives the user the option to visit home, the concept, surfboards, online store, contact and below the salt. The secondary menu has only 4 circles horizontally placed directing the user to the available now, available in the store and blog. The primary navigation is small boxy text which uses an underline to show which option is being currently used. The bottom navigation is not even text, just circles. Clicking on them changes the photo in the background and the next option the user can click to go to a different part of the website.

http://manualcreative.com/

The primary menu is at the top on the page directing the user to projects, news, profile and contact. Each category is separated by a small line and the entire navigation system is placed horizontally. The secondary menu is set up quite similarly to saltsurf.com. This site uses circles as well to point the user to different options. This site seems to have followed the WordPress theme with a very plain template.

In conclusion these five sites do not focus heavily on color or texture to create a separation from the main to secondary navigation options. Most of the sites used large pictures to illustrate the site so most colors used were white, shades of grey, minimal blue and black. To separate importance a the menus a variety of font sizes were used, placement on the page was emphasized and circles were implemented instead of text.