LUZEO Camp III · ENIGMA Tous les projets

Étude de cas · Ludres, près de Nancy

ENIGMA Escape Game

Enfermez-vous pour mieux vous échapper.

Escape game · Direction artistique · 3D temps réel · Développement

01 — Le terrain

Un escape gamene se lit pas.

ENIGMA Escape Game accueille ses joueurs à Ludres, près de Nancy. L’enjeu : transformer un simple site d’escape game en expérience immersive, pour que le visiteur ressente le jeu avant même de réserver.

Client
ENIGMA Escape Game
Lieu
Ludres, près de Nancy
Rôle
Direction artistique, design, développement
Année
2026
Technologies
Next.js · React · Three.js
Réservation
Bookeo, conservé

Le point de départ

Un site d’escape game se contente souvent d’aligner des fiches : une photo, un texte, un bouton. Les salles d’ENIGMA sont pourtant des mondes à part, avec leurs décors, leurs lumières et leur tension.

L’intention

Faire du site le premier indice. Un seuil à franchir, un couloir à remonter, des portes qui annoncent chaque salle. Puis, à chaque instant, un chemin clair vers la réservation.

On ne visite pas le site : on y entre.

02 — L’ascension · Mon travail

Huit métiers,une seule expérience.

De la première esquisse au dernier kilo-octet, tout a été pensé ensemble : l’image, le mouvement, le récit et la performance.

  1. 01

    Direction artistique

    Une ligne noir, laiton et or patiné, née du logo. Sombre sans devenir illisible, luxueuse sans être clinquante.

    Palette · Typographie · Logo en relief
  2. 02

    UX / UI

    Un parcours en trois temps, le seuil, le couloir, les portes, avec la réservation toujours à portée de pouce.

    Parcours · Hiérarchie · Conversion
  3. 03

    Motion design

    La porte qui s’ouvre, les travellings de caméra, les apparitions de texte : chaque mouvement suit le défilement, avec élan et décélération.

    Rythme · Caméra · Transitions
  4. 04

    Storytelling

    Le site se raconte comme une visite. On franchit le seuil, on remonte le couloir, et chaque porte annonce sa salle.

    Récit · Mise en scène · Indices
  5. 05

    Univers des salles

    Trois décors construits en 3D temps réel, chacun avec sa matière, sa lumière et son atmosphère.

    Blackstone Casino · Magasin hanté · Mission spatiale
  6. 06

    Textures, lumières, profondeur

    Matières scannées, éclairage physique, ombres de contact, brume et reflets : la profondeur naît de la lumière, pas des effets.

    Matériaux · Éclairage · Atmosphère
  7. 07

    Responsive & mobile

    Pensé d’abord pour le téléphone : cadrages dédiés en portrait, textes jamais masqués par la 3D, boutons faciles à atteindre.

    Mobile d’abord · Cadrages · Gestes
  8. 08

    Optimisation

    Qualité adaptée à chaque appareil, salles chargées au fil de la visite, écran d’accueil à progression réelle et version allégée sans 3D.

    Performance · Chargement progressif · Accessibilité

03 — Univers des salles

Trois portes.Trois atmosphères.

Chaque salle a sa propre porte au bout du couloir : ses matières, sa lumière, sa typographie. On sait où l’on entre avant même d’avoir lu son nom.

La porte du Blackstone Casino dans le couloir 3D du site ENIGMA : filets de laiton, plaque gravée et lumière dorée.

Porte I

TheBlackstone Casino

Feutre sombre, filets de laiton, plaque gravée et lumière dorée en corniche : la porte du casino promet le luxe, et un peu de danger.

  • Feutre
  • Laiton
  • Or
La porte du Magasin hanté dans le couloir 3D : solives, caisses, papiers décollés et lumière vacillante.

Porte II

Magasinhanté

Solives, caisses empilées, papiers peints qui se décollent et ampoules qui faiblissent : une boutique abandonnée devant laquelle on hésite.

  • Bois
  • Poussière
  • Ampoule
Le sas condamné de la Mission spatiale : coque d’acier, gyrophares, barres et rubans de sécurité.

Porte III

Missionspatiale

Coque d’acier, gyrophares, sas condamné et rubans de sécurité : la mission se prépare, et la porte reste scellée pour l’instant.

Statut · En préparation

04 — Aperçu

Le site,en mouvement.

Le même parcours, cadré deux fois : en paysage sur ordinateur, en portrait sur téléphone. Rien n’est simplement réduit.

GalerieFaites défiler →

Le seuil : la porte blindée d’ENIGMA, avant l’ouverture.
01Le seuil
L’accueil sur téléphone : le logo en relief, la promesse et le bouton de réservation sous le pouce.
02L’accueil, sur téléphone
L’écran de chargement : logo ENIGMA, filet doré et progression réelle.
03Un chargement qui dit vrai
Le couloir des salles et son enseigne ENIGMA, Nos salles.
04Le couloir
Devant la porte du Blackstone Casino : entrer pour découvrir la salle, ou continuer vers les autres.
05Entrer ou continuer
La porte du Magasin hanté, cadrée pour le téléphone.
06Le magasin, en portrait
Le sas condamné de la Mission spatiale, salle en préparation.
07Le sas condamné