Tuesday, November 20, 2007

Web Sites in Production

New Mexico Office of Border Health Homepage and Flyout Menus

This is a website I am creating for the New Mexico Office of Border Health(OBH). The OBH has no website currently in existence and the larger New Mexico Dept. of Health(DOH) is looking to revise it's current web site.


New Mexico Dept. of Health Drop Down Menu

The page I created has a banner at the top which is meant to refer to the main DOH organization. The user can navigate back to the DOH homepage from anywhere on the site by pressing the button/logo at the upper left. The user can also navigate to a DOH-specific link using the drop down menus as shown above.

Menu for the OBH contains a homepage logo/button and flyaway menus

When the user is browsing an office or bureau within the larger DOH entity such as the Office of Border Health, that office's logo and links will appear within the left column of the site. The office logo will also act as a button to the office's homepage and the left column may contain a flyaway menu as shown above.


The Promotora page above is a subdivision of the OBH which is a subdivision of the Public Health Division which is one of several divisions of the DOH. I organized the website so that the user can navigate the entire DOH through hierarchy of divisions. This is done by the blue "stackers" found in the left gray column. The current division being viewed is noted by the top blue stacker found beneath the division logo/button. This stacker is labeled as active by a white arrow pointing outward. Higher divisions can be navigated to by clicking on the stackers located below the current division's menu. These stackers are not active and are labeled with a downwards white arrow. By using these stackers, the user can navigate the entire heirarchy of the New Mexico Dept of Health.

The site was made to be expandable to any monitor size and was written using simple html, CSS, and some Javascript.

The site's content and information needs to be fully provided by the DOH before it can be posted to the web.

 

view my portfolio:
coroflot.com/mdelaros