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.

I am also familiar with a number of related products such as homepage takeovers and billboard banners using Flash and the Sizmek/Mediamind workshop plugin. I also create static banners (for mobile use) and HTML5 animations.

CITROËN BANNERS

Agency :
Client :
Year :
Project :
Type :

My role :

Yellow Pimento (www.yellowpimento.com)
Citroën
2012-2015
Animated Campaign Banners
Flash Banners / HTML5 Banners / Mediamind & Sizmek banners / Billboard banners / Homepage takeover skins / etc...
Banner creator & animator / Designer

This is a small selection of the hundreds of banners I created for Citroën (Belgium) in 2012 to 2015.

Specifics :

-

-

Used software : Fireworks / Flash / Mediamind Workshop / Sizmek Workshop
In general these banners had a pre-conceived concept before they arrive to me.

KBC display animation

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

Centric (www.centric.eu)
KBC
2013
Kunstprive.be
Animation for large displays in the banks
My role : Flash banner creator

One of the animations I did for this Belgian bank. A series of different animations like this one are stringed together and displayed on large screens inside the banks.

Specifics :

Used software : Fireworks / Flash

TIC TAC BANNERS

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

Yellow Pimento (www.yellowpimento.com)
Tic Tac
2014
Animated Campaign Banners
Flash Banners
My role : Flash banner creator

Specifics :

Used software : Fireworks / Flash

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

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.