Different Device Layouts

We created 3 layouts for each screen to account for different device sizes. Each device has functionality designed for it's interface.

Aircraft Overhaul Mission (Mobile)

We created an interactive prototype for every mission on desktop, tablet, and mobile layouts using Sketch and Invision.

Aerial Recon Tutorial

We designed out unique interactive tutorials for each mission. The user was only able to progress after completing an action to be sure they knew how to play.

Aerial Recon Mission

Each mission was unique and tested users on specific skills related to U.S. Army careers.

Code Break Functional Spec

We created detailed functionality specs for every state of each screen on both mobile and desktop layouts using Omnigraph. This is an example of the error state on the Code Breaking mission.

Code Break Mobile Functionality Spec

Each screen received functional specs for both Desktop and Mobile.

Screen Shot 2017-03-31 at 5.56.07 PM

Social Team Challenge

We designed an experience that encouraged users to share the site with their friends to compete in leaderboards.

Invited User Screen Functional Specs

A user that was invited to the site by another user interacted with a slightly different experience.

User Journey / Site Map

I created a site map to explain how the user progresses from one screen to another to the client and development teams.

Mission HUB

The user can select to start any of the four missions.

Tutorial Screen

At the start of each mission is a tutorial screen. The user cannot start the mission until they complete an action to ensure they have learned how to play.

Bio Extract Mission

The Bio Extract mission was designed to test a user's ability to quickly and accurately identify characteristics of objects.

Code Break Mission

Users had to decrypt a hidden message in our cryptologist based mission.

Mobile Mission

The experience has different layouts for mobile and desktop. It was able to be played in browser on any device.

Spacecraft Overhaul Mission

In the engineering based mission, users had to put pieces of a spacecraft in the correct locations.

Mission Story

Each mission has a video introduction and conclusion that sets up the context of the mission.

Aerial Recon

To test a user's drone piloting skills, we created a mission where users had to fly a drone through alien territory to survey the land.

Mission Results

At the end of each mission, the user is given a score, an exclusive clip from the movie, and a URL that goes to where they can learn more about the career in the U.S. Army related to the mission they just excelled at.

Social Team Challenge

Users were able to invite Facebook friends to join their team and compete in leaderboards.