B.E.G, Backroom Explorer Group

Un escape game de nuit inspiré de la mythologie internet des Backrooms.

Les joueurs incarnent des prisonniers sélectionnés par le B.E.G, une organisation filiale de V.H.S Inc. On leur offre la liberté en échange d'une nuit d'exploration des Backrooms, en équipe.

Le site devait vendre l'expérience et gérer tout le parcours : inscription par équipe, profils avec scores, avis modérés et back-office, sur une architecture PHP en MVC.

Deux registres visuels qui ne se mélangent presque jamais.

Le registre B.E.G est clinique, comme un dossier de bureau de recherche : anthracite, blanc cassé, accent teal, avec Post No Bills Colombo pour les titres et WDXL Lubrifont pour le texte.

Le registre Backrooms est celui de l'anomalie : ambre, jaune fluo, polices manuscrites. Il est réservé à l'univers du jeu. La seule fuite autorisée sur le site, c'est le survol du bouton de réservation, le seuil « noclip ».

• Charte graphique
• Direction artistique

Accueil, concept, infos pratiques, inscription et boutique, sur un système de design commun.

Chaque page partage les mêmes tokens, la même navigation et les mêmes animations d'apparition. La page concept intègre une transition glitch pilotée par le scroll, qui fait basculer le visiteur d'un registre à l'autre.

J'ai aussi réalisé une charte graphique interactive en HTML, avec la même animation de passage de zone, et un mode clair sur toutes les pages.

Site disponible à https://sae202.mmi25b06.mmi-troyes.fr/

• Maquettes
• Animation au scroll
• Mode clair

Le vrai problème n'était pas la froideur, c'était le vide.

L'esthétique clinique est un standard du genre horreur : il fallait la garder et la remplir, pas la réchauffer. J'ai aussi appris à retirer les éléments décoratifs qui ajoutaient du bruit sans servir l'objectif, qui est de vendre une nuit.