Museum of Art: Fort Lauderdale

I get a daily inspiration email from Communication Arts.  I love getting these emails. Every one has a "Webpick of the Day" in it. Sometimes I like them, sometimes the site isn't as impressive as I hope it will be.  This time, I found a great, happy, colorful, energetic site for the Museum of Art: Fort Lauderdale.

I'm really intrigued by the diagonal line in the header that creates a semi-transparent area revealing the images below through several color overlay type vertical bands. It is a very small area, but it provides an incredible effect when the slideshow plays and the various images produce exciting effects when viewed through this "filter" effect. I love it!!  Super creative! The diagonal line trends to the center gray bar as well and there are other angled shapes in the design.  Navigation is clean and simple residing in the center gray bar with secondary navigation at the top along with social icons. The site is built in HTML5 and I like how it works when I re-size the browser window.

Size reduced for close to tablet size, the site looks even cleaner.  It becomes more obvious that the main navigation resides at the bottom. Clicking any of the links takes you to the "inside" layout below.

Basically everything remains the same, but the main slideshow area is reduced, bringing the lower part of the home-screen into view plus a blue identification bar at the very bottom letting you know "where you are". I clicked "ACADEMY" and the blue bar verifies this. To see the information provided about the Academy program, you scroll down. Same goes for all links. It is a very unified and nicely organized navigation design.