Live Client Project - My Designs

I was particularly inspired by thomas the tank engines images. So I designed these cartoon train images below using Adobe Illustrator for my Live Client Project: Bachmann Junior Website.

Meeting with Bachmann Company

I arranged another meeting with Bachmann Company to take a few photographs of their trains sets. They gave me a couple of images to use as their colouring activity game.

Colouring pictures

1.

2.

3.

Photographs: These were the photographs that were taken and it will be used for the bachmann junior website

Website Inspirations: Underground Ernie

(www.undergroundernie.com/) Underground Ernie is an animated cartoon tv series shown by the BBC on CBeebies and BBC Two. Aimed at children between the ages of 3 and 8 years old. The website is similarly to the Thomas and friends websites; colourful and highly interactive. The story is set in International Station, a fictional worldwide underground network, and focuses on the everyday adventures of Ernie, a friendly Underground supervisor, Millie, his multilingual colleague and Mr Rails the lovable maintenance man. The trains under Ernie's watchful eye all have characters of their own. There's Bakerloo, Victoria, Circle, Jubilee and the twins, Hammersmith & City. From time to time they are joined by their friends from across the world including; Paris, Brooklyn, Moscow, Sydney and Osaka.

Website Inspirations: Thomas the tank engine

Whilst working on my ideas for the live client project, I came across the Thomas the tank engine's website(http://www.thomasandfriends.com/uk/thomas_the_tank_official_uk_website_intro.htm).

As you all should know, Thomas the Tank Engine is a fictional anthropomorphic tank locomotive created by the Rev.W.V.Awdry in his Railway Series books, made into the British children's television series Thomas the Tank Engine and Friends and its American spin-off Shining Time Station.

This website gave me alot of ideas for my bachmann junior website. The website has alot of interaction going on and the colours are perfectly suited for children ages 3 - 7. I aim to produce my website as colourful and interactive as theirs.

Intro page

Main Page

Live Client Project - Colouring train

In my agreement form, my requirements mentioned that I will help build an interactive game for children to use. The screen shot below shows my colouring game for children ages between 4 - 6. There will be more games added to suit different age groups.

On the bottom right, children are able to select a colour and paint certain parts of the train. I used Macromedia flash to create this interactive game and photoshop to create the images.

Personal Research Project - My Web Accessibility Test

Over the christmas period, I created an accessible website using my short client project. I provided one site with more images and colour. The non html website having a basic layout with minimal colour and images.

Displaying HTML

The screenshot displaying below is the non accessible page for the disabled users.
I created a link at the top page "Click here for no html", so that the disabled are able to view the website with no html. I have chosen to experiment on colour and layout to see if it's easier to read for disabled users to look at.

Displaying Minimal Html

This is the other website displaying minimal html coding, I made sure that there is less usage of colours. I included hardly any images and I've changed the layout by aligning everything to the left.

I provided a font size change button which is displayed at the top of the non html website. Users are able to select a font size from small to extra large, the whole of the text on the web page will automatically change. I made sure every image had an alt tag.

Live Project - Project Requirements

I agreed and signed a form with a client from Leicester called Bachmann Europe Plc, to help redesign their website http://www.bachmannjunior.co.uk/junior/. Seeing as the activities section on their website is still unfinished, I will help to design interactive games such as colouring activities for different ages. More games are still to be considered.

I will use Adobe Photoshop, Macromedia Flash, CSS and HTML to design the product.