Click an image to view the comp in a new window or right-click the image and select "Save link as..." or similar action to download the full-size image

Ironclaw.la (v1)

Loading screen

Claw slowly opens with load progression. The percent follows the right side of the progress bar. The background slowly fades in along with the progression.


Home

Video background is full-screen, fades in. Top left corner shows stats on current video playing (could be XML driven). Layout is liquid so nav and logo stay in the corners and background resizes.


Home

Different video or image playing.


Nav

Example of nav rollover. Nav blocks extend all the way accross the page. Text rollover is black with "tv static" dynamically animated with Actionscript overlayed.


Nav

When active, nav text is black, no static.


Featured

Featured item has the option for up to 6 images. Clicking one opens the image in a lightbox style overlayed window. Each feature can have a video associated with it. When user clicks "watch clip" it opens (see next comp). Also option to "download" the .mov.


Featured Clip

Watching a clip. This look could be used for the Reel as well.


News

News item with up to 3 images (can click to a video that opens in the same style as "featured clip").


Contact

Simple map and contact (Map can be created in Flash using the Google Maps API)


Studio

Info home screen. Buttons at right switch between studio and members.


Sean

When switching between screens, the non-active member scales back and blurs. This is Sean's page.


Greg

This is Greg's page.


Reel

Watching the studio Reel. When playing the background of the site would pause and the rest of the site would dim.


1024 Scale Sample

Design is a liquid layout optimized for a minimum of 1024 x 768. As the browser scales down, the background video is sized to fit max area and centered (so some cropped may happen when the browser is taller than wider). The nav scales down slightly and the reel scales.



Slightly Different Look

Serif Version Nav

Simple nav. Featured gets wrapped into "news."


Serif Version Feature/News

Feature/News page. Contact info is at bottom. This version is slightly less blocky than the previous; perhaps a bit more elegant with the serif font. I also like the idea of slimming down the nav a bit on this one. Featured is the first item in the news feed - studio is contact/about us.