This was an eLearning to train employees the proper way of washing and sanitizing their hands.
I drew all of the background, sink, paper towel and soap dispensers. I used some stock vectors for the hands, clock and thermometer. I had to create all of the positioning for the hands, soap suds, water and learning path bread crumb trail (bottom of scene). All of the graphics were created in Adobe Illustrator and then imported into Adobe Flash. I was also responsible for some of the animating, storyboarding and voice overs for this demo.
Essentially the learner would have had all of the information on washing and sanitizing the hands before they were presented with this interactive test. In order to complete the test the learner would have to do everything in the correct order. The learner would click on the large hand in the right hand corner and then that would be their cursor for the test. The hand would change based on the “hot spot” or area it was interacting with. A click on that “hot spot” would indicate an action, such as water turning on, soap being dispensed etc. An incorrect action would bring up a “that is incorrect” sign over the entire stage. Then once they did that same action in the correct sequence they would get the “that is correct” graphic over the scene. As each subsequent step was completed, more and more of the learning path bread crumb would reveal itself until completion.
This entire demo was completed in a few days and I’ve included one of my early concept marker comps as well. I thoroughly enjoyed creating this project and I think the fact that my father was a plumber really helped me create the sink more accurately.