Look and feel of the menu elements were influenced from strong typographic elements playing against blank space and the background image. The goal was to create a strong typographic layout influenced from print design, reminiscent of magazine spreads.

During the fast pace production process, we needed a quick styleguide to guide the team. This 1 page styleguide was able to help the team with screen production.

Several prototypes for the interface concepts were created to visualize proof of concept motion graphics. It was crucial to communicate ideas to producers, and the software engineers to sell the idea, and at the same time to discuss technical limitations we had to work with.

It was also the fastest way to jump to different type of races right away, and challenge online players to your favorite races.

From the initial client requirements, I was able to suggest several visual directions and ultimately come up with a style and example of user interface.

Many incredible videos were submitted by web celebrities, and was voted by viewers. It became a platform for many talented artists. Visual direction of the website and the entire identity package was created for CBC. And the visual direction was also used to create the show titles and motion graphics contents.

Version 1 of Zed's website introduced dynamic flash embedded fonts to generate custom headers. Very much like a manual version of sIFR way before it was introduced, however the idea was the same. Using this method we were able to produce custom designed font treatments to all the headers throughout the site very efficiently. Another feature of the site was an intuitive calendar interface that let you browse through the episodes. This episode browser talked to the database to look up episode information, and was a prominent feature of the home page.

In Version 2, and 3, a crazy concept was realized. "Why stick with one design when we can create a new skin for the homepage every week?" Thus the skin-able website was born. After 2 seasons of skin making we ended up with over a dozen skins that the users could choose from their preferences. Above shows a couple of examples that were very popular. In addition to the weekly skin design, an interactive top banner was designed to emphasize the weekly theme, and to give more interest to the site.

Many of Zed's original formats and concepts went through a huge reshaping on the 4th season. The website was designed to reflect this change. Most importantly a new brand, and image was created for both web and TV platforms.

Zed's flash banners that was placed above every page. were an important component of the weekly skin created for the site versions 2 and 3. Banners ranged from simple image banners, to sophisticated interactive games programmed in action script. These banners were conceived, designed, produced, and programmed by myself for the promotional skins. Usually working together with the theme of the TV show that week.

Animal farm, was inspired by an ancient puzzle game, you can play the artificial intelligence to see if you can beat the red snake. All you have to do is avoid eating the red poisonous frog. But it isn't as simple as it sounds.

Bad Santa: This year Santa hasn't been so nice, and found himself on the naughty list. Play a bit of virtual mole hunting game and see how many points you can score. I think the High score posted on Zed was around 320.

The Game banner was created to pay tribute to the early days of video games, and what could be more classic than the good-old game of pong. Play with a friend, or play with the computer and hit CBC around for a bit.

Live off the floor was built to promote the Zed produced CD "Live off the floor" with 17 great songs recorded right in our studios. You can actually click on the "Bang and Olufsen 17 CD changer" to sample all the songs on the CD.

A creepy crawly Halloween banner. Enjoy watching real spiders, and maggots crawl around the screen. Click here and Launch a new window - then click anywhere to see how we planned to open the website on the week of Halloween.

In order to maximize the visual impact large full screen photos were used to drive the overall look and feel of the magazine. Several photographers were commissioned to capture beautiful images of Korea so that it could generate more excitement, and give ideas of what visitors could do while they are staying in Korea.

Technical considerations for the client had to be made, so that when photos were updated on the server, the website would automatically add, update the new photos to the flash application. Another feature that the users would first encounter is the random splash photo on the homepage. This feature is also automatically updated by simply adding or replacing photos on the server. These auto update features help keep the site up to date and fresh. Consideration for the client section has been made so they can enter a code to enter a private section where they can review their photos

Version 1 had a simple design, and straight forward blog like layout, in order to give a simple web 2.0 feel to the company.

For version 2 carefully chosen photos were used to bring the right emotions and feeling for every page. Composition, layout, and colors were very important since every page with a different photo brought different design.