Two phone mockups showing the CSA Mobile biometric log in and home screens, next to the Children's Spy Agency logo

Fictional spy agency mobile game

Company
SPYSCAPE
Role
UX Designer

Bright Little Labs (backed by Warner Media) uses storytelling to teach 21st-century skills to children aged 6-11, through the fictional Children's Spy Agency (CSA).

As part of the pre-release of the second storybook, the existing companion experiences needed to be improved. The mobile game was one of these, with the goal of incorporating training games, timed missions and common game mechanics like levels and collectibles.


Animated recording of the CSA Mobile home screen in use
Paper prototype phone screens laid out on a table during a testing session with a child

Role

I joined the company to lead and oversee the kids' experience across the different products, making sure they all connected smoothly.

For the mobile app, I was tasked with turning it from a book companion into the main hub of the entire immersive world, connecting all the products under the Children's Spy Agency. This meant carrying out user research, concept development, creating interactive prototypes, user testing, QA.

I was excited to be leading the kids' experience alongside a great team but working closely with the CEO (also the writer) and the creative associate to maintain in-world consistency.


A development workshop scene from the CSA Mobile Game project

A note on development

Having just joined the existing development team, it was important to run a series of initial workshops to understand decisions the team had already made, align everyone, and shape the game's vision together through ideation.

The most important stakeholders were the kids themselves, whose user testing sessions helped shape the right balance of mystery, challenges and fart sounds.

Connecting the app to the other products was particularly challenging, as UK law prohibits advertising directly to children. This meant we couldn't directly promote the Spy Pack or the immersive experience within the app, so we focused instead on raising awareness with parents through the commerce and email journey.

The app was released in two stages. An MVP after two months of development gave us early insight into performance and engagement, while the second release, timed alongside the book's launch, was very positively received.


CSA Spy Hub diagram, showing the app connected to the Agent Asha book, TV series, museum kiosk and other Children's Spy Agency touchpoints

The Children's Spy Agency has a strict no-adult policy (staff excepted, of course). But they're willing to make an exception, just this once, to show you some of the app's key features. Lucky you.

Secure log in

Highly accurate biometric readings keep adults out of the Agency's confidential intel.

Biometric Analysis screen, scanning a fingerprint while nose and face scans wait their turn

Games and missions

A series of games and timed missions introduces agents to 21st-century concepts and skills, helping them gain experience within the agency.

Training Hub screen, listing playable missions including Decoy Drone and Drone Danger A timed grid puzzle mission screen, with a key, a fire hazard and a hidden exit to find
Rookie, Novice I and Field Agent I rank badges
Thunder Code screen, prompting the agent to enter a code they found, reading Undercover

Secret codes

Hidden inside other CSA experiences, agents log them in the app to climb spy ranks, unlocking rewards along the way.

Thunder programme terminal log, running through the steps of cracking the code A thank you screen rewarding the agent with a new outfit for their avatar
Special Agent I, Pro Agent I and Elite rank badges
Hackmode terminal, Background tab, choosing a background image for a custom app skin Hackmode terminal, Big Button tab, customising a warning button labelled I warned you

Hackmode

Agents can take control of the app and personalise some of the features to make it unique to them.

Spy Tools screen, listing the Code Breaker, Code Changer, Distraction Machine and Disguise Maker

Spy tools

Access to tools agents can use to carry out their missions, like the distraction machine, perfect for sneaking the last biscuit off the plate.

Code Breaker tool screen, decoding a shifted-letter cipher into the word hello

A child holding a phone showing the Hackmode terminal screen, with a 'don't press it' warning button

Collaborators

  • Kate Holden / Creative Associate

  • Lucy Burns / Lead Visual Designer

  • Federica Oriate / Game Designer

  • Chia Y. Su / Visual Designer

  • Yousseff / Product Manager

  • Ergum Batuhan / Game Developer

  • Thomas / Game Developer

  • Christoph / Animator

  • Jamie / Product Manager

  • Sophie Deen / Creative Director, CEO

  • Anna Hyde / Project Manager


Similar projects