CMA CGM

<h2>Spark — Plateforme digitale de leadership gamifiée pour CMA CGM</h2><p>J’ai travaillé avec Arkham Studio sur le développement de <strong>Spark</strong>, une plateforme digitale mobile-first dédiée au programme mondial de leadership jeunes talents de <strong>CMA CGM</strong>. Le projet a remporté le <strong>Trophée du Digital Learning 2024 – “Innover en formation”</strong>.</p><p>L’objectif était de créer une expérience immersive permettant à des managers répartis dans le monde entier de développer leurs soft skills tout en renforçant la cohésion d’équipe.</p><p>J’ai contribué au développement frontend de l’application, en travaillant sur des interfaces interactives, des composants réutilisables et l’intégration des fonctionnalités métier. J’ai également collaboré en anglais avec l’équipe backend basée à Beyrouth afin d’assurer une bonne coordination technique et une intégration fluide des différentes briques de la plateforme.</p><h3>Stack technique</h3><ul><li><p><strong>Frontend :</strong> React.js, TypeScript, Material UI, React Native</p></li><li><p><strong>Outils &amp; environnement :</strong> Git, GitHub, Asana, Figma, Linux</p></li></ul><p>Ce projet m’a permis de travailler sur une application utilisée à l’international, en combinant enjeux UX, collaboration distribuée et développement d’une expérience digitale engageante.</p><h2><strong><em>«&nbsp;J’ai travaillé avec Arkham sur un projet de plateforme digitale pour un programme leadership jeunes talents monde (CMA CGM). Nous avons d’ailleurs remporté le prix du Digital Learning en 2024. Je recommande François et son équipe, qui sont très proactifs et professionnels. »</em></strong></h2><p><strong><em>— Christelle P.</em></strong></p><p></p><h2><strong>Les contraintes en présence</strong></h2><p><strong>Sujet</strong></p><p><strong>Apprentissage des Soft Skills</strong></p><p><strong>Le développement des compétences transverses est un enjeu crucial pour CMA CGM, qui souhaite s’assurer que ses managers sont au niveau.</strong></p><p><strong>Enjeux</strong></p><p><strong>Créer de la cohésion</strong></p><p><strong>Guider une équipe, maintenir le cap et construire une atmosphère de travail propice à la bonne performance de l’équipe.</strong></p><p><strong>Défi</strong></p><p><strong>Un événement mondial</strong></p><p><strong>Avec des managers présents aux quatre coins du monde, qu’il faut mobiliser ensemble dans un effort collectif.</strong></p><p></p><h2><strong>Comment on a fait ?</strong></h2><p><strong>Game Design</strong></p><p><strong>Mécaniques de jeu variées</strong></p><p><strong>Grâce à diverses modalités d’apprentissage, le programme Spark permet d’alterner les formats et les approches : des défis en solo, en équipe, sur un moment spécifique ou une période plus longue…</strong></p><p><strong>Le tout accompagné d’un hub permettant d’accéder à des ressources pédagogiques ! Enfin, des scénarios narratifs à choix multiples permettent aux managers de vivre une histoire engageante qui vient tester leurs soft skills !</strong></p><p><strong>Format</strong></p><p><strong>Application compagnon</strong></p><p><strong>Répartis en équipes, les managers doivent coopérer afin d’atteindre Mars avant les autres ! Mais pour y arriver, les managers au sein d’une même équipe vont devoir coopérer pour réussir au mieux les challenges collectifs.</strong></p><p><strong>Grâce à un back-office géré par des correcteurs, chaque défi engage et motive les participants. L’objectif global permet de créer de l’engouement et incite à une participation régulière et attentive.</strong></p><p></p><h2><strong>Et à quoi ça ressemble ?</strong></h2><p><strong>Installée sur les smartphones des managers de CMA CGM, l’application Spark permet un accès rapide à tout l’univers de formation qui leur est dédié. L’écran d’accueil les plonge tout de suite dans l’atmosphère de leur mission spatiale, affichant la progression de chaque équipe et les défis qui les attendent.</strong></p><p><strong>Ainsi, chaque jour apporte son lot d’actions à réaliser en quelques minutes, en solo ou en équipe, via l’application, et ce pendant 3 mois !</strong></p><p><strong>Présenté aux Trophées du Digital Learning 2024, Spark a été lauréat du Trophée “Innover en formation”, gage de qualité et d’avant-gardisme dans les modalités pédagogiques. C’est également une reconnaissance certaine du travail réalisé par notre équipe qui a su se montrer à la hauteur de la conquête spatiale (ou presque) !</strong></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img title="CMA-CGM - Programme Spark 2" alt="mockup mobile" src="./CMA CGM _ Formation Soft Skills Gamifiée Pour Les Managers_files/mockup-mobile-1024x683.webp"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img title="CMA-CGM - Programme Spark 3" alt="Capture d'écran mission soft skills CMA CGM" src="./CMA CGM _ Formation Soft Skills Gamifiée Pour Les Managers_files/Capture-decran-2024-02-16-101444.webp"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img title="CMA-CGM - Programme Spark 4" alt="Capture d'écran choix avatar pour CMA CGM pour la solution gamifiée de softskills" src="./CMA CGM _ Formation Soft Skills Gamifiée Pour Les Managers_files/Capture-decran-2024-02-16-100651.webp"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img title="CMA-CGM - Programme Spark 5" alt="Capture d'écran - défi avec des consignes sur la mission pour le projet CMA CGM &quot;Explore&quot;" src="./CMA CGM _ Formation Soft Skills Gamifiée Pour Les Managers_files/game-508x1024.webp"><div class="image-overlay"></div></div></div></div>

Parce qu’une formation peut durer plusieurs mois et à travers plusieurs continents, découvrez comment nous avons accompagné CMA CGM dans la montée en compétences de leurs managers grâce au programme Spark ! Préparez vos combinaisons, nous partons pour Mars !

Test Engineer

Tech Lead

Frontend Developer

 CMA-CGM – Programme Spark

Groupe VYV

<h2>Les Gardiens du Numérique — Expérience AR de sensibilisation à la cybersécurité</h2><p>J’ai travaillé avec <strong>Arkham Studio</strong> sur la création de <strong>“Les Gardiens du Numérique”</strong>, une expérience ludo-pédagogique en réalité augmentée développée pour le <strong>Groupe VYV</strong> et la <strong>CNIL</strong>, visant à sensibiliser les jeunes aux risques liés à Internet et aux bonnes pratiques de cybersécurité.</p><p>L’objectif était de transmettre des messages de prévention auprès d’un public jeune (à partir de 9 ans) de manière positive et engageante, sans approche culpabilisante.</p><h3>Réalisation</h3><p>L’expérience plonge les joueurs dans un univers de super-héros où ils doivent aider des internautes confrontés à différentes menaces numériques. À travers un parcours interactif en réalité augmentée, les joueurs explorent leur environnement, scannent des éléments, découvrent des situations à risque et répondent à des défis pour apprendre les bons réflexes numériques.</p><p>J’ai participé au développement complet de l’expérience, de l’intégration technique jusqu’aux éléments de gameplay et de contenu interactif.</p><h3>Stack technique</h3><ul><li><p><strong>Game Engine :</strong> Unity 3D, C#</p></li><li><p><strong>Développement :</strong> scripts gameplay, interactions AR, logique de jeu, intégration des assets</p></li><li><p><strong>Création d’expérience :</strong> Game Design, animations, sound design, équilibrage et corrections</p></li><li><p><strong>Outils &amp; environnement :</strong> Git, GitHub, Visual Studio Code, Asana</p></li></ul><p>Ce projet m’a permis de travailler sur une expérience immersive combinant technologie, pédagogie et gamification, avec un objectif fort : rendre l’apprentissage de la cybersécurité accessible et mémorable pour un jeune public.</p><p></p><p><a href="https://www.departement41.fr/actualite/le-jeu-les-gardiens-du-numerique-inaugure-a-la-cite-du-numerique/" rel="noopener noreferrer nofollow" target="_blank">https://www.departement41.fr/actualite/le-jeu-les-gardiens-du-numerique-inaugure-a-la-cite-du-numerique/</a></p><p></p><p><strong>Les risques sur internet, c’est une préoccupation majeure des parents pour leurs enfants, mais former et sensibiliser n’est pas toujours une chose facile. Partant de ce constat, le Groupe VYV et la CNIL ont contacté Arkham Studio pour transmettre les bons réflexes de la cybersécurité nécessaire grâce à la gamification.</strong></p><p><strong>En reprenant le contexte de la demande, nous allons vous présenter la création de l’expérience en réalité augmentée des Gardiens du Numérique, un outil ludo-pédagogique qui sensibilise à différents risques présents sur les internets, à destination des jeunes à partir de 9 ans et leurs accompagnants.</strong></p><h2><strong>Les contraintes ?</strong></h2><p><strong>Sujet</strong></p><p><strong>Sensibilisation à la cybersécurité</strong></p><p><strong>Les risques sur internet, c’est une préoccupation majeure des parents pour leurs enfants, mais former et sensibiliser n’est pas toujours une chose facile.</strong></p><p><strong>Enjeux</strong></p><p><strong>Interagir avec une jeune audience</strong></p><p><strong>Concevoir une expérience engageante pour des jeunes à partir de 9 ans, durant laquelle ils seraient amenés à découvrir les risques présents sur internet.</strong></p><p><strong>Défi</strong></p><p><strong>Transmettre sans reproches</strong></p><p><strong>Transmettre les bonnes pratiques numériques à mettre en place pour se protéger des risques, sans culpabiliser.</strong></p><h2><strong>Comment on a fait ?</strong></h2><p><strong>Game Design</strong></p><p><strong>Enquête interactive</strong></p><p><strong>Le jeu a été pensé pour sensibiliser un public jeune en le plongeant dans un univers graphique coloré et dynamique, inspiré du style cartoon. Les joueurs y incarnent une équipe de super-héros et doivent venir en aide à des internautes en danger. Les missions, conçues pour être ludiques, se déroulent dans un parcours où les joueurs scannent des cibles. Chaque élément du jeu, même ceux inspirés de la vie réelle, a été retravaillé pour s’intégrer harmonieusement à la direction artistique, rendant l’expérience à la fois immersive et accessible.</strong></p><p><strong>Format</strong></p><p><strong>Réalité augmentée</strong></p><p><strong>Le cadre de l’expérience se voulant rassurant et accompagné pour les jeunes apprenants, le choix de la réalité augmentée s’est révélé cohérent, en adéquation avec la thématique du projet, et apportant une dimension immersive renforcée par l’habillage des pièces dédiées à l’expérience.</strong></p><p><strong>L’intégration de la réalité augmentée a un réel intérêt pédagogique, surtout pour un public jeune. En effet, elle permet de mettre en scène de façon tangible des éléments numériques que l’on ne pourrait pas voir autrement.</strong></p><h2><strong>Et à quoi ça ressemble ?</strong></h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img title="Groupe VYV et la CNIL : Une sensibilisation à la cybersécurité pour les jeunes, avec les Gardiens du Numérique ! 2" alt="Photographie d'un enfant qui jour à l'escape game Les Gardiens du Numérique lors d'un salon professionnel pour le client Groupe VYV." src="./Sensibilisation à La Cybersécurité Avec La Réalité Augmentée_files/GROUPE-VYV-ET-CNIL-Gardiens-du-numerique_Technologie.webp"><div class="image-overlay"></div></div></div></div><p><strong>Comme énoncé précédemment, nous avons proposé une expérience en réalité augmentée (AR) qui permet de mêler l’environnement physique à des éléments numériques visibles sur la tablette où se déroule le jeu.</strong></p><p><strong>Les joueurs doivent donc se déplacer pour accéder aux différentes cibles à scanner et découvrir les différentes situations où ils doivent contrer les attaques de BlackHat. En observant les situations qu’ils scannent, les joueurs récupèrent des informations et des indices qui leur seront précieux pour répondre aux questions et ainsi protéger les internautes !</strong></p><p><strong>L’expérience des gardiens du Numérique a été déployée dans la Cité des Sciences de Paris, et l’est encore à ce jour, au niveau de la bibliothèque.</strong></p>

Une sensibilisation à la cybersécurité pour les jeunes, avec les Gardiens du Numérique !
Une expérience digitale innovante pour sensibiliser les plus jeunes a la réalité du numérique.

Software Engineer

 Groupe VYV et la CNIL 

QVANTEL

<h2>Qvantel — Expérience interactive Unity pour salon professionnel</h2><p>J’ai travaillé avec <strong>Arkham Studio</strong> sur la création d’une expérience interactive pour <strong>Qvantel</strong>, acteur international des solutions Business Support System (BSS) dans le secteur des télécoms.</p><p>L’objectif était de transformer un sujet technique autour des solutions No-Code de Qvantel en une expérience ludique et accessible, permettant aux commerciaux de créer rapidement de l’engagement lors d’un salon professionnel.</p><h3>Réalisation</h3><p>Nous avons conçu un jeu de type <strong>Ice Breaker</strong> dans lequel les visiteurs exploraient une planète en activant différents points d’énergie représentant les solutions Qvantel.</p><p>Le principal défi technique était de créer une communication fluide <strong>offline</strong> entre l’interface de jeu tactile et un écran géant de scénographie (5m x 8m). Chaque interaction réalisée par l’utilisateur devait être synchronisée en temps réel avec les animations affichées sur l’écran principal afin de créer une expérience immersive.</p><p>J’ai participé au développement du jeu, à l’intégration des interactions, aux animations et à l’optimisation de l’expérience pour un environnement événementiel avec des contraintes matérielles spécifiques.</p><h3>Stack technique</h3><ul><li><p><strong>Game Engine :</strong> Unity 3D, C#</p></li><li><p><strong>Développement :</strong> logique gameplay, interactions tactiles, communication offline entre interfaces, synchronisation temps réel</p></li><li><p><strong>Création :</strong> Game Design, animations, intégration graphique, sound design</p></li><li><p><strong>Outils &amp; environnement :</strong> Git, GitHub, Visual Studio Code, Asana</p></li></ul><p>Ce projet m’a permis de travailler sur une expérience interactive grand format combinant développement temps réel, scénographie digitale et vulgarisation de concepts techniques complexes.</p><p><br><strong>Les contraintes ?</strong></p><p><strong>Sujet</strong></p><p><strong>Innovation</strong></p><p><strong>Présenter les solutions complexes et techniques de Business Support System No-Code de Qvantel, un pionnier dans le secteur des Télécoms.</strong></p><p><strong>Enjeux</strong></p><p><strong>Engagement</strong></p><p><strong>Proposer une solution interactive et ludique pour que les commerciaux puissent présenter l’ensemble des solutions de manière innovante et fun lors d’un salon professionnel.</strong></p><p><strong>Défi</strong></p><p><strong>Vulgariser</strong></p><p><strong>Rendre accessible la compréhension de leur concept de manière percutante sur une scénographie immersive hors normes tout en gérant les contraintes techniques d’un salon.</strong></p><h2><strong>Comment on a fait ?</strong></h2><p><strong>Game Design</strong></p><p><strong>Ice breaker</strong></p><p><strong>Nous avons conçu un jeu de type «&nbsp;Ice Breaker&nbsp;» pour transformer le discours technique sur les solutions de QVANTEL en une découverte simple et engageante.</strong></p><p><strong>Le concept de parcourir une planète par des points d’énergie en sélectionnant des «&nbsp;boosters&nbsp;» sert de métaphore visuelle puissante, permettant d’illustrer chaque étape de la solution Qvantel.</strong></p><p><strong>Ce design répond directement à l’enjeu en offrant aux commerciaux un outil fun et interactif pour briser la glace et maximiser la portée de l’information auprès des visiteurs.</strong></p><p><strong>Format</strong></p><p><strong>Scénographie Immersive</strong></p><p><strong>Le format exploitant une scénographie immersive hors normes (écran géant 5m x 8m et écran tactile) est essentiel pour la vulgarisation : il attire l’œil et capte l’attention, rendant le message immédiatement percutant.</strong></p><p><strong>Ce choix permet de garantir que les actions tactiles du joueur (le fait de choisir un «&nbsp;booster&nbsp;») sont affichées instantanément sur l’écran de retour, assurant une expérience fluide et spectaculaire malgré les contraintes du milieu.</strong></p><h2><strong>Et à quoi ça ressemble ?</strong></h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img title="QVANTEL – Ice Breaker Digital en salon&nbsp;professionnel 1" alt="QVANTEL Banner" src="./QVANTEL – Ice Breaker Digital En Salon&nbsp;Professionnel - Arkham Studio - Agence De Gamification_files/QVANTEL-Banner-1024x576.jpg"><div class="image-overlay"></div></div></div></div><p><strong>L’expérience utilisateur est immédiatement immersive et spectaculaire grâce à l’écran de retour de 5 mètres sur 8. Le joueur se positionne devant l’écran tactile, face à une planète vibrante constellée de points d’énergie représentant le potentiel des solutions Qvantel. L’interaction est simple : le joueur doit toucher l’écran pour naviguer et activer des «&nbsp;boosters&nbsp;» qui sont ensuite projetés dynamiquement sur l’écran géant.</strong></p><p><strong>Le véritable plaisir vient de la satisfaction de l’action en temps réel : les choix effectués sur l’écran tactile déclenchent des animations fluides sur l’écran de retour, illustrant de manière ludique les avantages des solutions No-Code BSS. C’est un échange «&nbsp;glace-briseuse&nbsp;» (Ice Breaker) instantané et visuellement percutant. Cette approche permet aux commerciaux de Qvantel d’utiliser le jeu comme un tremplin pour engager la conversation, faisant passer l’utilisateur du rôle de spectateur à celui d’acteur, et maximisant ainsi la mémorisation du message de l’entreprise.</strong></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img title="QVANTEL – Ice Breaker Digital en salon&nbsp;professionnel 2" alt="screen" src="./QVANTEL – Ice Breaker Digital En Salon&nbsp;Professionnel - Arkham Studio - Agence De Gamification_files/screen.webp"><div class="image-overlay"></div></div></div></div>

ARKHAM x QVANTEL
Présenter une offre complexe à des milliers de professionnels en salon, c’est le défi auquel faisait face Qvantel au World Mobile Congress. Découvrez comment nous les avons aidés à créer un outil de vulgarisation ludique et immersif pour maximiser l'engagement !

Asana

 QVANTEL – Ice Breaker Digital en salon professionnel

Engie

<h2>Engie — Expérience digitale gamifiée de sensibilisation au handicap</h2><p>J’ai travaillé avec <strong>Arkham Studio</strong> sur la création d’une expérience digitale ludo-pédagogique pour <strong>Engie</strong>, dans le cadre de la Semaine Européenne pour l’Emploi des Personnes Handicapées (éditions 2021 et 2022).</p><p>L’objectif était de sensibiliser les collaborateurs aux enjeux du handicap et de l’inclusion à travers une expérience accessible, engageante et non culpabilisante.</p><h3>Réalisation</h3><p>Responsable technique, j'ai développé une plateforme web gamifiée composée de plusieurs mini-jeux permettant aux collaborateurs de découvrir progressivement différents sujets liés au handicap.</p><p>L’expérience reposait sur un système de progression quotidienne : de nouveaux contenus et défis étaient débloqués chaque jour pendant la semaine, encourageant une participation régulière et facilitant l’apprentissage par étapes.</p><p>J’ai participé au développement frontend de l’application, à l’intégration des mécaniques de jeu, du système de déblocage des jours et des interactions nécessaires aux différents mini-jeux.</p><h3>Stack technique</h3><ul><li><p><strong>Frontend :</strong> React.js, TypeScript, Tailwind CSS</p></li><li><p><strong>Développement :</strong> composants interactifs, logique de progression, mini-jeux web, gestion des états utilisateurs</p></li><li><p><strong>Outils &amp; environnement :</strong> Git, GitHub, Asana, Figma</p></li></ul><p>Ce projet m’a permis de concevoir une expérience web accessible à grande échelle, combinant développement frontend, gamification et pédagogie digitale pour un public de plusieurs centaines de collaborateurs.</p><h2><strong>Le client et le projet</strong></h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img title="Engie - Semaine du handicap 1" alt="ENGIE V2 mockup 2" src="./Engie _ L'évènement Digital Pour La Semaine Du Handicap_files/ENGIE-V2-mockup-2.webp"><div class="image-overlay"></div></div></div></div><p><strong>La semaine européenne pour l’emploi des personnes handicapées est une initiative de plus en plus suivie par les entreprises, visant à sensibiliser les collaborateurs aux thématiques du handicap et de l’inclusion. C’est pour les éditions 2021 et 2022 qu’Engie nous a fait confiance pour créer un évènement digital ludo-pédagogique sur ces sujets, permettant à ses collaborateurs d’en apprendre plus sur différents types de handicaps et tout ce qui gravite autour.</strong></p><h2><strong>Les contraintes ?</strong></h2><p><strong>Sujet</strong></p><p><strong>Semaine handicap</strong></p><p><strong>La semaine européenne pour l’emploi des personnes handicapées est une initiative visant à sensibiliser les collaborateurs aux thématiques du handicap et de l’inclusion.</strong></p><p><strong>Enjeux</strong></p><p><strong>Sensibiliser sans dramatiser</strong></p><p><strong>Il était primordial pour Engie que l’expérience ne dramatise pas le handicap, sans faire culpabiliser également ni être moralisatrice.</strong></p><p><strong>Défi</strong></p><p><strong>&nbsp;Une expérience accessible et facilement déployable</strong></p><p><strong>Engie souhaitait une expérience déployable auprès de l’ensemble de ses collaborateurs, facile d’accès afin que même les moins joueurs d’entre eux puissent y prendre du plaisir.</strong></p><h2><strong>Comment on a fait ?</strong></h2><p><strong>Game Design</strong></p><p><strong>Mini jeux</strong></p><p><strong>En présentant un contenu pédagogique factuel et informatif, nous avons pu travailler un format qui implique les joueurs sur une semaine entière, grâce à un déblocage progressif des points d’intérêt.</strong></p><p><strong>Ainsi, les informations sont délivrées au fur et à mesure, toujours accompagnées d’un contenu ludique pour accrocher l’intérêt des joueurs.</strong></p><p><strong>De la sorte, l’apprentissage est régulier, vulgarisé et complet. Cela permet notamment une meilleure rétention des informations et des concepts présentés.</strong></p><p><strong>Format</strong></p><p><strong>Numérique</strong></p><p><strong>Afin d’atteindre l’ensemble des collaborateurs d’Engie, le canal digital commun est l’intranet ainsi que la boîte mail professionnelle. En communiquant via ces canaux, il était extrêmement simple de diriger les joueurs vers une expérience directement jouable sur navigateur. Il était important pour Engie que des handicaps soient représentés dans l’expérience en même temps que l’univers dans les couleurs de l’entreprise. Afin d’avoir un rendu inclusif et ne pas dramatiser le sujet, nous avons proposé une direction artistique dans un style cartoon, pour ne faire apparaître que les éléments les plus importants à l’écran.</strong></p><h2><strong>Et à quoi ça ressemble ?</strong></h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img title="Engie - Semaine du handicap 2" alt="ENGIE V2 screen game tblet" src="./Engie _ L'évènement Digital Pour La Semaine Du Handicap_files/ENGIE-V2-screen-game-tblet-1024x713.webp"><div class="image-overlay"></div></div></div></div><p><strong>Tout au long de la semaine, après chaque mini-jeu, une énigme est posée aux joueurs, qui doivent trouver la réponse. Cette réponse se trouve dans le contenu pédagogique en question, et l’ensemble des réponses est demandé lors du dernier jour de l’expérience, permettant d’entrer dans un tirage au sort pour tenter de gagner des lots mis en jeu par Engie. Des centaines de collaborateurs d’Engie ont donc pu en apprendre davantage sur les handicaps, l’inclusivité et la reconnaissance du statut de travailleur handicapé. Avec une première version livrée pour 2021 et une itération mise à jour pour 2022, Engie nous a fait confiance pour accompagner leur démarche de sensibilisation auprès de leurs collaborateurs.</strong></p>

ARKHAM x ENGIE
À l’occasion de la semaine du handicap, découvrez l’événement digital gamifié que nous avons créé pour Engie afin de sensibiliser les collaborateurs sur le sujet de l’inclusivité.

Frontend Development

React

Typescript

Engie – Semaine du handicap

L'armée de l'air

<h2>Mars 2085 — Serious Game mobile-first pour l’Armée de l’Air</h2><p>J’ai travaillé avec <strong>Arkham Studio</strong> sur la conception d’un serious game ludo-pédagogique destiné à accompagner la montée en compétences des militaires de l’Armée de l’Air sur des sujets comme la gestion du stress, la prise de parole en public, la maîtrise de soi et la prise de décision.</p><p>L’objectif était de transposer ces compétences comportementales dans un univers fictif immersif tout en conservant un lien concret avec les situations rencontrées dans la réalité opérationnelle.</p><h3>Réalisation</h3><p>Nous avons développé une expérience narrative interactive de type <strong>“histoire dont vous êtes le héros”</strong>, dans laquelle les joueurs incarnent des membres d’une mission de colonisation martienne en 2121.</p><p>Le gameplay repose sur des choix scénarisés ayant un impact sur différentes jauges de compétences, permettant aux utilisateurs d’obtenir un retour immédiat sur leurs décisions et de comprendre les conséquences de leurs actions.</p><p>J’ai participé au développement du jeu, à la création des mécaniques gameplay, à la gestion de la logique de décision et à la mise en place d’un système permettant aux équipes pédagogiques d’intégrer facilement de nouveaux scénarios.</p><h3>Stack technique</h3><ul><li><p><strong>Game Engine :</strong> Construct 3</p></li><li><p><strong>Développement :</strong> JavaScript, logique de jeu, mécaniques interactives, systèmes de choix et progression</p></li><li><p><strong>Back-office contenu :</strong> Google Apps Script, Google Sheets → conversion automatique en JSON pour alimenter les scénarios</p></li><li><p><strong>Outils &amp; environnement :</strong> Git, GitHub, Asana, VS Code</p></li></ul><p>Ce projet m’a permis de concevoir une architecture flexible séparant la logique du jeu et les contenus pédagogiques, afin de faciliter l’ajout de nouveaux scénarios tout en conservant une expérience immersive et scalable.</p><p></p><p><strong>Quand l’Armée de l’Air cherchait une nouvelle façon de travailler sur l’acquisition de soft skills et la montée en compétences des militaires, l’idée d’un outil ludo-pédagogique était une opportunité fortement considérée.</strong></p><p><strong>En nous sollicitant pour ce projet, les responsables pédagogiques de l’Armée de l’Air nous ont proposé un défi innovant pour leurs apprenants.</strong></p><h2><strong>Les contraintes ?</strong></h2><p><strong>Sujet</strong></p><p><strong>Montée en compétences</strong></p><p><strong>Accompagner les militaires dans leur montée en compétences sur des sujets tels que :&nbsp;la gestion du stress, la prise de parole en public, la maîtrise de soi, le respect des règles.</strong></p><p><strong>Enjeux</strong></p><p><strong>Transposable</strong></p><p><strong>Transposer l’expérience dans un univers fictif avec une narration propre, à la réalité.</strong></p><p><strong>Défi</strong></p><p><strong>Pertinence</strong></p><p><strong>Garantir la cohérence du scénario fictif avec des situations et objectifs de compétences applicables à la réalité.</strong></p><h2><strong>Comment on a fait ?</strong></h2><p><strong>Game Design</strong></p><p><strong>Prise de décision</strong></p><p><strong>Ce projet propose un serious game immersif qui transpose ces apprentissages dans un univers narratif engageant et fictif. L’approche ludique permet aux utilisateurs de s’auto-évaluer en continu grâce à un système de jauges qui offre un retour immédiat sur leurs actions. Ce système garantit que les compétences sont acquises de manière interactive et qu’elles peuvent être facilement appliquées à des situations réelles.</strong></p><p><strong>Format</strong></p><p><strong>Mobile-first</strong></p><p><strong>Face à l’enjeu de transposer des compétences essentielles dans un cadre fictif pertinent, le choix d’une application mobile gamifiée s’est imposé comme la solution idéale. L’accessibilité mobile, «&nbsp;dans la poche&nbsp;», offre une flexibilité d’apprentissage et une immersion constante, assurant que les compétences développées sont directement applicables à la réalité opérationnelle des militaires.</strong></p><h2><strong>Et à quoi ça ressemble ?</strong></h2><p><strong>L’histoire se déroule en 2121, durant la colonisation martienne gérée par des entreprises privées.</strong></p><p><strong>Les joueurs incarnent des agents techniques et de sécurité chargés de fonder une nouvelle colonie, confrontés à des situations imprévues. La mission, découpée en plusieurs chapitres, peut être vécue depuis le point de vue d’un membre d’équipage ou d’un responsable.</strong></p><p><strong>Chaque chapitre aborde une compétence comportementale clé, comme la gestion du stress ou la prise de parole en public, permettant aux joueurs de développer leurs «&nbsp;soft skills&nbsp;». Véritable “histoire dont vous êtes le héros”, <em>Mars 2085</em> permet une réelle immersion dans une mission fictive reprenant tous les codes des cas réels de l’Armée de l’Air.</strong></p>

ARKHAM x Armée de l'air
Découvrez notre approche pour créer un outil de formation sur les soft skills, intégré directement dans le parcours de montée en compétences des militaires de l’Armée de l’Air !

Web Developer

Fullstack Developer

Javascript

Armée de l’Air – Mars 2085

Développeur full stack | Unity3D

Skills: React.js · React Native · Node.js · C# · Unity3D · Programmation de jeux vidéo · Gestion de projet · Méthodes agiles · Scrum · buisness · Développement de l’innovation

Développeur Freelance full stack | Innovation  | Business 

Web, Mobile, AR, VR
https://arkham-studio.fr/nos-solutions/

Développeur serious games (Gamification)

Développer un prototype de serious game sur la sécurité informatique en entreprise.
Technologies utilisées : Unity 2017 / Node.Js / SQL / GitLab / DBeaver / HTML / CSS / JQuery.


Soufian Z

Développeur full stack | Unity3D

À propos

Expérience de travail

Développeur Freelance full stack | Innovation | Business

Développeur serious games (Gamification)

Stage en informatique

Stage en informatique

Formation

42 Paris

Institution Notre Dame Riche

Portfolio