Réalisations / Expériences immersives / Plafond de Verre
Expériences immersives · HTML/CSS/JS · Pédagogie narrative

Plafond de Verre

Série pédagogique immersive sur l'invisibilisation des femmes compétentes en entreprise — 5 modules narratifs, design cinématographique, construits avec l'IA.

Plafond de Verre — la galerie des 5 épisodes
Type
Série pédagogique
Modules
5 épisodes
Techno
HTML / CSS / JS
Accès
Libre — YouTube

L'enjeu : faire ressentir avant de faire comprendre

Les formations sur les discriminations de genre en entreprise souffrent d'un problème structurel : elles expliquent sans faire vivre. Les apprenants sortent informés mais non transformés. Le plafond de verre reste un concept abstrait, pas une réalité incarnée.

L'hypothèse de départ : si on pouvait d'abord déclencher l'identification émotionnelle — faire que les participant·es voient le mécanisme dans une histoire avant de le nommer —, la compréhension conceptuelle suivrait avec une résistance bien moindre.

D'où l'idée d'une série narrative immersive : 5 personnages féminins construits comme des archétypes reconnaissables, 5 situations réelles d'invisibilisation, 5 modules permettant à chaque apprenante de se voir dans l'une d'entre elles.

Contexte

  • target Public cible : managers, DRH, responsables égalité
  • schedule Format : ~10 min par module + quiz de débriefing
  • lock_open Accès libre, pas de barrière d'inscription
  • smart_toy Co-construite avec l'IA : scénarios, visuels, code, pédagogie

5 personnages, 5 mécanismes

Chaque épisode documente un mécanisme spécifique d'invisibilisation. Les personnages sont fictifs mais construits à partir de situations documentées dans la littérature RH et les témoignages terrain.

ÉPISODE 1

L'invisible compétence

Sarah Laurent

Ingénieure brillante, Sarah voit ses idées reprises et sa promotion lui échapper. Le plafond de verre devient visible — pour elle, et pour nous.

Mécanisme · Appropriation des idées
ÉPISODE 2

Charge émotionnelle

Léa Dubois

Léa porte un travail invisible : soutien émotionnel, médiation, logistique non-formalisée. Des heures que personne ne comptabilise.

Mécanisme · Travail non reconnu
ÉPISODE 3

L'effet boomerang

Nadia K.

Après avoir dénoncé une injustice, Nadia subit des représailles. Jusqu'où aller pour faire bouger les lignes ?

Mécanisme · Rétorsion après prise de parole
ÉPISODE 4

Maternité et carrière

Maya Benali

Après son congé maternité, Maya revient dans un rôle réduit. Son talent n'a pas disparu — mais le système, lui, n'a pas attendu.

Mécanisme · Pénalité maternité
ÉPISODE 5

L'initiative ignorée

Aïcha S.

Créative et innovante, Aïcha propose un processus révolutionnaire. Adopté… mais les crédits vont aux équipes globales.

Mécanisme · Vol de crédit intellectuel
5 · 5 · 5

5 personnages · 5 mécanismes · 5 modules pédagogiques avec quiz de débriefing

play_circle Voir la série
movie

Direction artistique sombre

Esthétique inspirée des productions Gaumont/Netflix. Fond sombre, typographie serif cinématographique, palettes vert profond et noir. Chaque personnage illustré avec un portrait en niveaux de gris atmosphérique.

web

Site multi-pages

Architecture HTML statique complète : page d'accueil, galerie des épisodes, synopsis, personnages, pour aller plus loin, contact. Navigation cohérente et responsive sur tous les écrans.

slideshow

Slider narratif

Carousel d'épisodes avec navigation précédent/suivant, onglets de sélection directe, et indicateurs de position. Conçu pour inviter à l'exploration plutôt qu'à la lecture linéaire.

L'IA comme co-auteure — pas comme outil

Ce projet est une démonstration concrète de ce que l'IA rend possible quand on l'engage comme partenaire de création, pas comme assistant de rédaction. Chaque dimension du projet a été co-construite avec des modèles de langage.

Les personnages ont été développés à partir de briefs de situations réelles, affinés par itérations successives pour atteindre la densité émotionnelle nécessaire. Les visuels de portraits ont été générés via IA d'image avec des prompts cinématographiques précis. Le code HTML/CSS/JS a été produit par vibe coding, testé et ajusté en dialogue.

La pédagogie elle-même — le choix des 5 mécanismes, la structure des quiz, les questions de débriefing — a émergé d'un travail de co-conception avec l'IA nourri des frameworks de sciences de l'apprentissage.

edit
Écriture des scénarios
5 personnages construits par itérations avec modèles LLM. Profondeur psychologique, situations documentées, arcs narratifs.
image
Génération des portraits
Visuels de personnages générés par IA avec prompts cinématographiques — style noir, atmosphère, expressivité.
code
Vibe coding du site
Architecture HTML/CSS/JS multi-pages produite en dialogue avec l'IA. Design system cohérent, composants réutilisables.
school
Ingénierie pédagogique
Structure des modules, quiz de débriefing, objectifs par épisode — co-conçus avec les frameworks d'apprentissage expérientiel.

Ce que ça déclenche

"Enfin une formation qui ne ressemble pas à une formation. Mes équipes ont continué à en parler pendant la semaine après la session."

DRH, entreprise industrielle, 800 salariés

"Le personnage de Nadia, c'était moi il y a trois ans. Je n'avais jamais pu mettre des mots dessus. Là, en 10 minutes, tout était nommé."

Participante, cadre supérieure, Paris

"Le format narratif court-circuite les défenses habituelles. On ne peut pas dire 'ça n'existe pas chez nous' quand on vient de vivre l'histoire de l'intérieur."

Manager Programme Égalité, groupe CAC 40

"L'esthétique compte. Ça donne de la dignité au sujet. Les participant·es prennent ça au sérieux parce que le soin mis dans la forme dit que le fond est sérieux."

Cheffe de projet formation, secteur public

Ce que ce projet démontre

Plafond de Verre est une preuve de concept en vraie grandeur : il est possible de produire une expérience pédagogique de niveau professionnel — qualité de production, profondeur narrative, cohérence technique — en solo, avec l'IA comme co-auteure.

C'est aussi une réponse concrète à la question que posent tous les responsables formation : comment rendre les sujets RH sensibles assez engageants pour que les apprentissages restent ? La réponse est dans la forme autant que dans le fond.

  • check_circleSite multi-pages HTML statique, déployable en minutes
  • check_circle5 modules narratifs avec quiz de débriefing intégrés
  • check_circleDesign cinématographique professionnel, responsive
  • check_circleConstruit de A à Z avec l'IA en moins de 2 semaines
  • check_circleAccès libre — YouTube + site statique déployable

La série en vidéo