Jamil Bonnick Senior Designer / Developer

An object recognition game with video clips direct from the official Caillou archives with older classics and sneak peeks at off-the-air releases.

background

Caillou Watch-N-Find

To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in this case study. All information in this case study is my own and does not necessarily reflect the views of Sayroom.

Challenge

Caillou is a popular children’s television program that ran from 1997-2014. My agency, KTC ATL, was fortunate enough to be able to gain rights to use the assets and episodes from Caillou to create a iOS and Android game.

We created a game, titled Watch-N-Find, which gamified video clips from Caillou episodes. In the game, users were engaged by watching the clips and simultaneously interacting with the elements on screen.

background

Research

We started off by wireframing the four main pages: Home screen, Carousel Screen, Game Screen, and the Post Game Screen.

The concept of the game is simple. As the user watches an episode, a series of snapshots from the episodes pop up. It’s up to the user to find that snapshot and tap it on the screen within a given time.

Image
Image

Design

Designing for kids as a core user meant that the application needed to be extremely intuitive and abide by all laws (like child safety locks for in-app purchases) and regulations around designing for and marketing to children.

We also had to acknowledge that our young audience would likely not be able to read, which called for a simple layout with big colorful buttons that seems fun while adhering to all of Caillou’s extensive brand guidelines.

Image
background
App Store Graphic 1
background
App Store Graphic 2

Conclusion

In the end we successfully converted multiple hours of video content into entertaining Watch-N-Find games. To generate income, we built out level packages including special episode packs which were available for in app purchase. Some of the screens were designed in native code and some were developed using a webview.

Image
image
image
image
image
Thank you for viewing!

Infinite blessings to you and everyone you love!