Portfolio
Featured Work: SpringfieldInterchange.com

Type: Web
Client: VDOT - Springfield Interchange
Firm: Redmon Group
Date: October 2006
Tools: XHTML, CSS, AJAX, ASP, SQL Server
URL: http://www.springfieldinterchange.com
The Virginia Department of Transportation's (VDOT) Springfield Interchange Improvement Project web site was redesigned to comply with new state web site regulations. The regulations mandated that all state-run web sites have consistent state approved header links, a 50px tall banner for the site logo, breadcrumb navigation, fluid/100% width layout, standardized copyright notices, and be W3C compliant using XHTML and CSS.
The original Springfield Interchange web site was designed for 640x480 (as shown in screen shot #1). The new site design needed to incorporate aspects of the old site, as well as being consistent with VDOT's other web sites. The green and yellow color palette was derived from the old site and the arch in the navigation bar was a familiar feature in VDOT's other sites.
The previous version of the site was very cluttered. The aim of the new version was to present all of the information in a more useful way. Consistent header usage and size, defined content areas, and shaded background content blocks for focus were all used to present the content. Breadcrumb navigation was required, but the site structure was simplified so that the deepest page was only one directory deep. In addition to the breadcrumb navigation, the main navigation in the left menu is changed to the roll-over state while within the section to give the user more visual cues as to their location.
Also worth noting is that the previous version utilized ASP for some of the pages, but not for all. In the new site, all pages have been converted to ASP pages with header, navigation, and footer includes to allow for easy updating.
My responsibilities on the project as Lead Designer/Developer included: Site structure design, wire-framing, site graphic design, XHTML template development, CSS template development, high-level page development, minor ASP editing.
View site screen shots by clicking on the thumbnails in the right column »
Web
Print/Design
Media
Services
- Standards-Based Web Design & Development
- Section 508 Compliancy
- Content Management Systems
- Database Design and Development
- Print, Advertisement, Identity Design
- Audio/Video Editing and Recording
