Independence Day Resurgence

Client: U.S. Army & FOX

PROCESS

We first started with a list of ten U.S. Army careers that could be turned into mini-games. Then, we created paper prototypes of a few minigames based off each of the careers. I presented the options to the clients to help narrow it down to the best four. Next, we created interactive prototypes of each games using Sketch and Invision. Once the client signed off on the experience, I created extremely detailed functional specs for the developer and QA teams in Omnigraph.

Click the images for more details.

View Example Wireframe Presentation >

Different Device Layouts

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)

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

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

Aerial Recon Mission

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

Code Break Functional Spec

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

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

Screen Shot 2017-03-31 at 5.56.07 PM

Social Team Challenge

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

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

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.

OVERVIEW

The U.S. Army partnered with FOX to task MRM//McCann with creating an advergame to promote STEM careers in the Army with an Independence Day 2 theme. They hired me as the Senior Product Manager contractor for the project.

 

The ask was to have four missions that promoted different STEM careers and a social team challenge within 10 weeks. With a team of only 12 people, we were able to complete the project and exceed all expectations.

PROTOTYPE

This is the prototype for the Biologist mini-game. Click on the blue areas to progress.

Launch Prototype >

Mission HUB

Mission HUB

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

Tutorial Screen

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

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

Code Break Mission

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

Mobile 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

Spacecraft Overhaul Mission

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

Mission Story

Mission Story

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

Aerial Recon

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

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

Social Team Challenge

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

OUTCOME

Despite a lack of resources and time, we finished everything we set out to and the client loved the end product. Our analytics show big increases in traffic to the pages related to the careers we were promoting.

Click the images for more details.

Press Review >

RELATED

jaime.fraina@gmail.com | 845-445-7430

Mobile Mission

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