SMARTIES - SMART SEAS
At Zappar we were tasked to create an experience that would teach children about the ocean and the creatures that live there. We chose to create a gyro experience that uses WebAR, so no need to download an app as it runs straight off the devices browser. The user simply has to scan the QR code on the special edition, Smarties packaging and the experience will begin.
Once the user taps the launch button, the camera view will be displayed, using gyro we then fill the users room with water and sea creatures.
Once the users room has filled up with the ocean, they will then be taken through a guided tutorial. This will show the user what each UI element does and how to play the experience.
Once the tutorial has finished, the actual experience will start. The user simply has to move their phone around to explore the ocean and find various creatures. Each creature has 5 facts the user needs to find, every time they find a fact it will be stored in their very own fact file.
There is also a quiz for each creature that appears in the experience. The aim is to collect all of the missing facts so the user can ace the quiz questions. If the user gets all of the questions correct, they will earn a trophy for the creature to show they have become an expert.
I also animated all of the creatures in After Effects using the Duik Bassel rigging plug in. Here are a few of the character loops.