Yesterday, I finished the development of WichitaJazzFestival.com, a simple website providing a profile for the 2010 event. Since the fest is barely a month away, the client was looking for something quick and simple. This was the inspiration for my design.

It’s a minimalist, intuitive interface, whose concept is basic: if there is a face that interests you, a silmple mouse over gives you a quick readout on who they are and what they do. If you want anymore detail, it directs you to the artist’s site.

WichitaJazzFestival.com

The Design Code

The sliding artist photos use a simple layered div technique, with a window div, an image div, and then the background/content. The slide is based off the jQuery library, with a mouse over animation that slides the image layer out into the hidden overflow area of the window, div, thus revealing the background content.

The schedule pop-up is a Facebook-like light-box, using AJAX to display over the top of the main content.

The <h1> “Wichita Jazz Festival” header is pulling on a font using CSS @font-face.

A minimalist event profile page in 4 hours.