Narcops

Design of interfaces for a mobile game for the French Navy.

Role: UX/UI designer - user research, wireframes, prototyping, and UI design.

Objective

Engaging Generation Z: when video games become a recruitment tool for the Navy.

As part of my master's degree in UX/UI design, I had the opportunity to complete a 3-month internship as a UX/UI project manager within the French Navy. The objective of my internship is to create a demo of a serious game that introduces young people to the professions of the navy. This ambition stems from the desire to spark young people's interest in the Navy for recruitment purposes. In light of changing behaviors and the limitations of traditional recruitment fairs, we sought to create a digital solution that is accessible online.

Objective

Engaging Generation Z: when video games become a recruitment tool for the Navy.

As part of my master's degree in UX/UI design, I had the opportunity to complete a 3-month internship as a UX/UI project manager within the French Navy. The objective of my internship is to create a demo of a serious game that introduces young people to the professions of the navy. This ambition stems from the desire to spark young people's interest in the Navy for recruitment purposes. In light of changing behaviors and the limitations of traditional recruitment fairs, we sought to create a digital solution that is accessible online.

Objective

Engaging Generation Z: when video games become a recruitment tool for the Navy.

As part of my master's degree in UX/UI design, I had the opportunity to complete a 3-month internship as a UX/UI project manager within the French Navy. The objective of my internship is to create a demo of a serious game that introduces young people to the professions of the navy. This ambition stems from the desire to spark young people's interest in the Navy for recruitment purposes. In light of changing behaviors and the limitations of traditional recruitment fairs, we sought to create a digital solution that is accessible online.

Scenario

Narcops: Immersion in a mission to fight against drug trafficking 🛥️

We started by defining the scenario and the game mechanics, while ensuring a balance between the playful aspect and the rigor of the maritime missions. Our game concept, titled Narcops, immerses the player in a mission to combat drug trafficking.

A semaphore detects a suspicious boat in the Mediterranean, triggering an alert to a FREMM (multi-mission frigate) specialized in combating drug trafficking. The player embodies a young pilot recently recruited by the Navy, tasked with participating in this crucial mission. Their job is to locate the suspicious slow mover and prepare for its interception. On board the FREMM, the player explores the environment, interacts with the crew, and completes various missions to gather the necessary information for the success of the operation.

Scenario

Narcops: Immersion in a mission to fight against drug trafficking 🛥️

We started by defining the scenario and the game mechanics, while ensuring a balance between the playful aspect and the rigor of the maritime missions. Our game concept, titled Narcops, immerses the player in a mission to combat drug trafficking.

A semaphore detects a suspicious boat in the Mediterranean, triggering an alert to a FREMM (multi-mission frigate) specialized in combating drug trafficking. The player embodies a young pilot recently recruited by the Navy, tasked with participating in this crucial mission. Their job is to locate the suspicious slow mover and prepare for its interception. On board the FREMM, the player explores the environment, interacts with the crew, and completes various missions to gather the necessary information for the success of the operation.

Scenario

Narcops: Immersion in a mission to fight against drug trafficking 🛥️

We started by defining the scenario and the game mechanics, while ensuring a balance between the playful aspect and the rigor of the maritime missions. Our game concept, titled Narcops, immerses the player in a mission to combat drug trafficking.

A semaphore detects a suspicious boat in the Mediterranean, triggering an alert to a FREMM (multi-mission frigate) specialized in combating drug trafficking. The player embodies a young pilot recently recruited by the Navy, tasked with participating in this crucial mission. Their job is to locate the suspicious slow mover and prepare for its interception. On board the FREMM, the player explores the environment, interacts with the crew, and completes various missions to gather the necessary information for the success of the operation.

Technical constraints

Decisions driven by our technical constraints

The team chose to adopt an isometric view perspective, providing a comprehensive view while limiting the weight of the game. We also turned to a low poly visual style with simple, colorful textures, offering both an appealing aesthetic and optimal performance for an online experience.

Technical constraints

Decisions driven by our technical constraints

The team chose to adopt an isometric view perspective, providing a comprehensive view while limiting the weight of the game. We also turned to a low poly visual style with simple, colorful textures, offering both an appealing aesthetic and optimal performance for an online experience.

Technical constraints

Decisions driven by our technical constraints

The team chose to adopt an isometric view perspective, providing a comprehensive view while limiting the weight of the game. We also turned to a low poly visual style with simple, colorful textures, offering both an appealing aesthetic and optimal performance for an online experience.

Time constraints

A significant challenge: adapting the project to the time constraints.

Upon my arrival, we were faced with a significant challenge: to deliver a playable demo in just three months. This tight deadline meant skipping some fundamental steps in the UX process, notably user research. However, I was convinced that returning to this step was essential to ensuring the success of the project. We therefore decided to slow down production in order to conduct a quantitative study with our target audience: 140 young people from the Toulon area, coming from various socioeconomic backgrounds. This survey allowed us to better understand their perception of the Navy and their interest in the serious game. The survey revealed a preference among young people for a serious game in mobile version. In light of this finding, we decided to adapt our approach by offering a demonstration of the game on the web, while developing an optimized version for mobile platforms.

Time constraints

A significant challenge: adapting the project to the time constraints.

Upon my arrival, we were faced with a significant challenge: to deliver a playable demo in just three months. This tight deadline meant skipping some fundamental steps in the UX process, notably user research. However, I was convinced that returning to this step was essential to ensuring the success of the project. We therefore decided to slow down production in order to conduct a quantitative study with our target audience: 140 young people from the Toulon area, coming from various socioeconomic backgrounds. This survey allowed us to better understand their perception of the Navy and their interest in the serious game. The survey revealed a preference among young people for a serious game in mobile version. In light of this finding, we decided to adapt our approach by offering a demonstration of the game on the web, while developing an optimized version for mobile platforms.

Time constraints

A significant challenge: adapting the project to the time constraints.

Upon my arrival, we were faced with a significant challenge: to deliver a playable demo in just three months. This tight deadline meant skipping some fundamental steps in the UX process, notably user research. However, I was convinced that returning to this step was essential to ensuring the success of the project. We therefore decided to slow down production in order to conduct a quantitative study with our target audience: 140 young people from the Toulon area, coming from various socioeconomic backgrounds. This survey allowed us to better understand their perception of the Navy and their interest in the serious game. The survey revealed a preference among young people for a serious game in mobile version. In light of this finding, we decided to adapt our approach by offering a demonstration of the game on the web, while developing an optimized version for mobile platforms.

Visual design

Graphic identity: Create an immersive and military atmosphere

I was in charge of developing the visual universe of the game. I developed three distinct creative axes, each reflecting the values of the Marine while emphasizing different aspects. I considered this approach essential to explore all creative possibilities and stimulate my imagination. The CommLab team chose to select the boldest axis, which highlights the adrenaline of military interventions. It represents danger, excitement, urgency of interventions, and action.

Visual design

Graphic identity: Create an immersive and military atmosphere

I was in charge of developing the visual universe of the game. I developed three distinct creative axes, each reflecting the values of the Marine while emphasizing different aspects. I considered this approach essential to explore all creative possibilities and stimulate my imagination. The CommLab team chose to select the boldest axis, which highlights the adrenaline of military interventions. It represents danger, excitement, urgency of interventions, and action.

Visual design

Graphic identity: Create an immersive and military atmosphere

I was in charge of developing the visual universe of the game. I developed three distinct creative axes, each reflecting the values of the Marine while emphasizing different aspects. I considered this approach essential to explore all creative possibilities and stimulate my imagination. The CommLab team chose to select the boldest axis, which highlights the adrenaline of military interventions. It represents danger, excitement, urgency of interventions, and action.

UI design

UI mockup

The wireframes having been created by another member of the team, I was able to tackle the visual design based on the universe I had previously defined.

UI design

UI mockup

The wireframes having been created by another member of the team, I was able to tackle the visual design based on the universe I had previously defined.

UI design

UI mockup

The wireframes having been created by another member of the team, I was able to tackle the visual design based on the universe I had previously defined.

Camélia Zahi — 2025

Camélia Zahi — 2025

Camélia Zahi — 2025