The "I Am Legend" Movie Site is nicely organized with a simple, yet interesting interface. There's a large billboard area which, when you go to a different page or click on the circular button on the bottom left of the navigation, changes out the picture. The overall feel of the site is dark, which ties into the overall feel of the movie itself. The extra movement in the background with the clouds and occassional birds and deer coming in and out of your line of view is a nice touch.

Straightforward Navigation

The navigation on the site is very straightforward and simple. It's placed on the left side of the page and is easy to read. You can also hide the navigation by clicking the "x" on the top right side of the navigation box. The navigation also closes itself when you go to a page. This leaves room for the content to be shown without cluttering up the page.

Interface Diagram: iamlegend.com

1) Main Navigation. 2) Billboard area. 3) Quick Links for newly updated pages. 4) View changer and mute button. 5) Movie and DVD updates. 6) Movie Information. 7) Privacy Policy and Terms of use.

Color and Typography

The color goes well with the feel of the movie and the use of a few bright tones on the dark background works well to bring those areas out. The Movie title stands out as well with the use of the bright, almost metallic, color and a nice font weight. It's not overbearing or too thick of a font.

There isn't very much type throughout the page, but when type is used, it is sans-serif and a good size and weight so it's readable. The type is also set in white to help with readability. If the type were set in a darker color, it would be harder to read.