WIF 2008: Water is Life

Last week Belle, owner of BeansBox, invited me to join their team in the WIF 2008 contest. After reading up on what WIF is actually about I was thrilled to take up the 24 hour challenge!

This years theme was “Water Is Life” with the following selection criteria:

  • ergonomics
  • accessibility
  • interactivity
  • rich media
  • drafting
  • homogeneity
  • interaction
  • emotion
  • originality

Notice Accessibility is part of the selection criteria. This is a new criteria introduced this year. It just goes to show that in todays web, Accessibility is a necessity and not an optional after thought. I’m sure Accessibility will become one of the hottest topics of 2008.

After some brain storming with Den and Belle we found ourselves at the same level. We wanted to tell a story, educate and engage the user. What better way to engage than a Quiz, we thought? So that’s what we did! And this is our WIF 2008 pre-selection masterpiece.

Each page of the site is sectioned into two parts. First the Quiz then the main site content. It’s structured like a charity/promotional site to raise awareness of the water crisis we face in the world today.

Admittedly the site is not without it’s flaws; namely JavaScript, CSS and images are not optimised, the Quiz is shown at the top of every page which is quite annoying; our plan was to add a cookie to remember the status of the Quiz (i.e. hide or show and current question) but time just ran out. Also the Quiz does not work in IE6 but I’m not too concerned with that one, especially as this is a contest to demonstrate what web designers can produce with current browsers.

I’m proud of what we’ve achieved in the short space of 24 hours, at the same time trying to stay awake and not blow our brains out. Win or lose it’s an achievement in itself!

Thank you BeansBox.

1 Comment

  1. Belle at

    BIG Thank you to you Ca Phun!! You rock!!!! Can't imagine doing this without you. We had a great time working together, thank you so much!