SMCTA Website

This design was created on behalf of the San Mateo County Transit Authority. It was the highest profile site I had designed up to that point. The seven years it was in production makes this site one of my most enduring designs.

The Design

The site was designed to fit most 17" monitors that had a resolution of 1024x768. It featured a three-column layout that inluded one for the navigation, one for content, and one for a right sidebar that contained a search function and links to highlighted content.

The masthead and navigation elements are the most distinct features of this design. The masthead featured a collaged image with a "scan line" treatment across it and a gradient fade to the right. The navigation bar is part of an angular, curved shape that provided visual contrast to distinguish it from the content. The navigation item copy "lit up" on mouse hover.

Click on each screenshot to enlarge them.

Homepage screenshot
Homepage screenshot

The Homepage

The complete view of the homepage

content page screenshot
content page screenshot

The Content Page

The complete view of content page

Live version of the homepage
Live version of the homepage

The Live Homepage

Here is a screenshot of the homepage after launch

Detail of the homepage
Detail of the homepage

Hmepage Detail

Detail of the homepage

Detail of the navigation and mastead
Detail of the navigation and mastead

Site Navigation

Detail of the navigation and mastead