Interaction Design - firework banner task

Create a simple FLASH animation that promotes safety and should consist of between 6-8 separate flash sections that include animation and some interaction.

I tried to aim my banner for all ages. Mainly aiming it at families. With the interaction, animation and imagery that I used I managed to design a simple banner that is eye-catching yet gives out some standard firework safety facts. I hope the the animation would attract the audience at first with the 'click' word popping up and, as they click through the banner they are greeted with other interactive parts that are simple, quick and to the point, as I've come to relise that people can lose interest very quickly and so that is why mine was intended to be a quick advert.

Before I chose my final design I designed a few different ideas that I thought would work for a firework safety banner.



An image of a fire engine where the user/audience can click on a certain part of the truck and either a safety fact or story would appear. However I did not included animation with this.



Trying to focus more on the animal welfare when it comes to firework safety. The users would click on the animal a speech bubble would appear, like the fire engine stating a safety fact. What I would have liked to do though was for the animal to change when the cursor moved away from the animal however only know how to do a change once.



A simple animation where the fireworks would pop up as well as the safety firework code. The firework code would pop up and fizzle out like a firework, good animation but little interaction.



A simple image of a child/teenager and when the user would highlight over certain piece it would quote a fact, very much like the fire engine ida though.



Image of a bonfire (animated) and then instead of the sparks flying out we would have the fireworks facts and code flying out good interaction with a bit of animation could have been a possible idea.



A simple kids comic book each with an image demonstrating fire safety, however there is animation but stronger interaction.

Once having done the sketches I thought I would try out a few on photoshop to get a more computer feel to the designs and maybe help me finalise my idea. below are the images that I designed:







Once designed all of these images I thought that it would be a good idea to maybe link a few of the ideas together so it would involve interaction, animation and stick to the brief. I will create a link for this shortly.