AIB Kids

This site was the greatest fun ever to create. Allied Irish Bank wanted to create an online space in which kids could learn about saving - and money. It would include non-linear pages of educational content describing where money comes from, what it's made of, who invented money, who works in the bank etc. Those pages would contain fun images, animations and well-written text. The emphasis was more on exploration, presumably so that the site could grow and sustain interest over repeated visits. So in addition to this non-linear learning approach, there would also be graphically-rich, engaging games and quizzes. To make the pitch to AIB the web agency needed some visuals:

 

aib kids homepage concept

'AIB Kids' homepage concept (2005)

 

The initial concept - above - was sketched on paper and worked up extremely quickly on the computer and HTML'd - in about a day with some fun rollovers and animations. The agency made their pitch - and won.

aib kids final homepage design

'Just for Kids!' homepage final design (2006)

 

Interactive Games, Quizzes and Puzzles

Coming tomorrow: More on the shockwave games, quizzes and puzzles that feature on the site such as the Savings Gizmo!

Gizmo game screenshot

The Savings Gizmo is a tool for calculating how much you'll need to put aside each week. (2006)

 
 aib kids final homepage design

"Drag Hugo's pointing finger to activate the timeline' - quite comical looking in action but very informative and fun. (2006)

 

aib kids final homepage design

Match the coins to the country by dragging and dropping. (2006)

 

aib kids final homepage design

Examine the Euro notes to see if it's genuine (2006)

 

Design, Illustration, animation, HTML, CSS J.White

Project Manager & Writer E.Melvin

Multimedia Developer L.Toomey

Developer A.Leonard

Agency Fluid Rock, Dublin

Website here >

 

hugo with a magnifying glass

Hugo the Euro, one of the characters that I created.

About Money

Money myths...

hugo with a magnifying glass

So, where does money come from?

hugo with a magnifying glass

Ah... the Mint

And what do they make it with? Not rubber!

Saving

What the heck is saving?

hugo with a magnifying glass

How do Isave ?

hugo with a magnifying glass

How interest works

hugo with a magnifying glass

Where do they keep my money safe?

hugo with a magnifying glass

...in a safe and this man - the security guard - watches it!

hugo with a magnifying glass

At the Bank

Who else works there?

hugo with a magnifying glass

Ted, the manager...

hugo with a magnifying glass

Cliodna, the teller...

hugo with a magnifying glass

And Paolo in Foreign Exchange...

hugo with a magnifying glass