Foob (Johan Wuyckens), The Webdesign and GUI design Mercenary

Webdesign and Graphical User Interface Design

I mostly do Flash animations for eLearning applications, demonstrations and banners. This page shows a mix of all these types of projects.
As banner designer/animator I follow the IAB's industry standard technical specifications for online display advertising that (Belgian) agencies have to follow regarding weight, play length, number of loops and Clicktags. I am aware of the existence of the different formats (IMU's, skyscrapers, etc...) and of the different brands of Clicktags.

FLYBMI BANNERS

Agency :
Client :
Year :
Project :
Type :
My role :

LBi (www.lbigroup.be)
BMI (British Midland Airways)
2007 / 2008
Animated Campaign Banners
Flash Banners
My role : Lead web designer / Illustrator / Flash animator / Concept creator

This is a small selection of the banners I created for BMi. I was their sole banner creator for nearly two years.

Specifics :

-
-

Used software : Fireworks / Flash
Most of these banners had a pre-conceived concept. If the concept was missing, I also created a concept (examples here above are the 'Valentine' banner and the 'Final call for London' banner).

BELGACOM BANNERS

Agency :
Client :
Year :
Project :
Type :
My role :

LBi (www.lbigroup.be)
Belgacom
2005 - 2006
Animated Gif Storyboards (for Flash Campaign Banners)
Animated Gifs > Flash Banners
My role : Illustrator / animator / Concept creator

This is a selection of concepts (in animated gif format) to finction as storyboards for the creation of anmianted Flash banners. The two bottom banners are overlayers, hence the background.

Specifics :

Used software : Fireworks

E-LEARNING ANIMATION

Agency :
Year :
Project :
Type :
My role :

LBi (www.lbigroup.be)
2006
Flash animations for online learning
Animations for Flash based e-Learning appplications
My role : Flash animator

This is a typical example of an animation I did using illustrations that were created earlier in Adobe Illustrator. In this case the illustrations help to demonstrate a story told by the voice. Basic animations like these can be created at a rate of one, sometimes two minutes a day (animation only, so without the creation of illustrations or other base material).

Specifics :

-
-

Used software : Flash
In this case the illustrations were done by LBi's (former) house illustrator Renaud Collin who went on to works for the French comic magazine Spirou.

PRESENTATION PHOTO ANIMATION

Agency :
Year :
Project :
Type :
My role :

LBi (www.lbigroup.be)
2003
Flash animations for a management board presentation
Flash animation
My role : Flash animator / Art Director

This is a typical example of an animation created using simple stock photographs. This "technique" was used as a cheap alternative to a video. Animations like these can be created at a rate of two to three minutes a day (depending on base material and complexity)

Specifics :

Used software : Fireworks, Flash

XMAS GREETING CARD

Agency :
Project :
Type :
My role :

n/a
Personal Xmas greetings
Flash animation
My role : Illustrator / Concept Creator / Flash animator

A silly Xmas Greeting card (with the sound removed).

Specifics :

Used software : Fireworks / Flash

FLASH GAME

Agency :
Project :
Type :
My role :

n/a
Flash game interface and AS exercise
Flash game
My role : Illustrator / Concept Creator / Flash animator

I created this minigame as a way to get some basic knowledge of Action Scripting. Turns out my brain's wired the wrong way.

The objective of this (unfinished) game is to use the character with the green outfit to push the yellow balls towards the sun (using your arrow keys) and to keep them away from the three-eyed monster (it eats everything that comes too close). Avoid the walls (they can be sticky) but don't worry about the other monsters as I never got around to writing their code.

Specifics :

Used software : Fireworks / Flash

MUSIC VIDEOCLIP

Agency :
Project :
Type :
My role :

n/a
Unk!: Shut up & Dance
Music Video (created in Flash)
My role : Illustrator / Flash animator / Director

This is a silly music videoclip entirely created using cut-out images of tin toys and landscapes pictures. It's an example of an alternative use of Flash animation techniques.

Specifics :

Used software : Fireworks / Flash / Première

FLEX P.O.C. DESIGN

Agency :
Client :
Year:
Project :
Type :
My role :

LBi (www.lbigroup.be)
n/a
2007
Proof of Concept for a Flex application
Flex application / eShop
Lead Webdesigner, GUI Designer

A design for a proof of concept of a (ficitious) eShop based on Flex technology. Screenshot is not in real size.

Specifics :

Used software: Fireworks

PLOPSA FLASH SITE

Agency :
Client :
Year :
Project :
Type :
My role :

LBi (www.lbigroup.be)
Studio 100 / Plopsaland
2006
Plopsaland De Panne, Hasselt Indoor and PlopsaCoo websites
Commercial websites
Creation of the look & feel and all page designs.

Homepage Design for the Plopsaland website by Johan Wuyckens

	Webdesign (websites, intranets, extranets, minisites,...)

	Graphical User interface Design (ipad, iphone, smartphone,...)

	E-Mailing & Newsletter Design (+ static HTML & inline CSS creation)

	Logo Design

	Flash (banners, animation & Flash Interface Design)

	Usability

	Illustrations (different styles & techniques)

	Fantasy Art (for children's books & Role Playing Game books)

	Cartoons

	Comics

	Image Compositing & Photo manipulation (aka. "Photoshopping")

	Team Management I am the former Director of the Design Department of a major web agency.

	Art Direction, Quality control & Coaching Follow-up of the visual quality and consistency of the project & support for junior designers.

	Fireworks Coach Teaching the most cost-effective tool for Web & GUI Design.