Black Bear Studio

Web & Application · Événementiel

Le site qui est le premier chapitre du jeu

Site immersif, billetterie par créneaux, billets à QR code et régie d'entrée pour l'escape game Halloween 2026 du Domaine de Coubillou.

Client

Domaine de Coubillou

Avec l'association Le Temple et le CEHC

Lieu

Lamalou-les-Bains

Hauts-Cantons · Hérault

Prestation

Web sur mesure

Site, billetterie et administration

L'événement

30 & 31 oct.

Halloween 2026

Le site

En ligne

coubillou.cehc.fr

Page d'accueil de coubillou.cehc.fr : le portail du domaine, le titre COUBILLOU, les dates et le bouton Choisir mon créneau
coubillou.cehc.fr : on n'y lit pas, on ouvre le Dossier N°47

2

nuits, 30 & 31 octobre

15 min

entre deux départs

12

écrans d'administration

0

cookie sans consentement

01

Le contexte

Un événement éphémère ne laisse aucune deuxième chance : les places se vendent en quelques semaines, la soirée se joue en une nuit, et l'équipe qui contrôle l'entrée n'a ni guichet ni ordinateur.

Le lieuUn vrai domaine, une fausse histoire

Le Domaine de Coubillou est un vrai bâtiment de Lamalou-les-Bains. Pour Halloween 2026, le Domaine, l'association Le Temple et le Cercle des Entrepreneurs des Hauts-Cantons y montent un escape game de 90 minutes, sur deux soirées, avec des départs toutes les quinze minutes et des comédiens dans les couloirs.

Le besoinUn seul outil, du teaser à la porte

Un outil qui fasse peur avant l'arrivée, vende les créneaux sans surbooking, tienne la porte le soir J, et se règle par l'organisateur sans repasser par nous.

Le principe« Le site est le premier chapitre »

Posé dès le premier échange : le visiteur ne lit pas une présentation, il ouvre le Dossier N°47.

ApprocheRaconter avant de vendre

Sept scènes au scroll : le portail, 1931, la salle des protocoles du Service O, Louis, 03h33, puis « aujourd'hui, c'est vous ». Machine à écrire, brume, orage, parallaxe et ambiance sonore optionnelle. Le vrai domaine est photographié de nuit ; l'horreur est ajoutée en surimpression, jamais à la place de l'architecture réelle.

ApprocheRespecter le visiteur

Les animations se coupent d'elles-mêmes pour qui a demandé moins de mouvement à son téléphone, la parallaxe souris disparaît sur mobile. Le compteur d'audience ne dépose aucun cookie ; Google Analytics ne se charge qu'après accord.

ApprocheUne seule source de vérité

Prix, durée, âge minimum, heure d'arrivée, nuits et horaires vivent à un seul endroit du code et se répercutent partout : accueil, FAQ, formulaire, emails, données structurées. Une règle change une fois, pas six.

ApprocheRendre la main à l'organisateur

Grille des créneaux, capacités, options, textes légaux, partenaires, programme, minimum de participants, règle pour les mineurs : tout se règle depuis l'administration. Le code ne porte que ce qui ne doit pas bouger.

02

Ce qui a été construit

Une landing en sept scènes. Scènes au scroll pilotées par GSAP et ScrollTrigger, parallaxe maison sans recalcul React par image, machine à écrire, brume, orage, curseur lanterne. Compte à rebours, programme, FAQ, infos pratiques et newsletter. Deux pages événement avec données structurées, image Open Graph générée et sitemap.

Réserver son départ. Grille de créneaux par nuit, jauge de places en direct, créneaux « hardcore » signalés. Groupes de 2 à 8, dès 14 ans, options navette et goodies activables depuis l'administration. L'anti-surbooking est vérifié en transaction : deux réservations simultanées ne prennent jamais la même place.

Le soir J. Billets PDF à QR code, un par participant, envoyés par email et affichables sur téléphone. Les maîtres du jeu scannent à l'entrée depuis leur mobile : valide, déjà entré, mauvais soir. Une liste de secours pour le billet illisible, un mode test pour répéter sans polluer les vraies réservations.

Relation visiteurs. Six emails dessinés dans l'univers, rappels automatiques à J‑30, J‑7 et J‑1 sans doublon possible, newsletter en double opt-in avec éditeur par blocs et envoi programmé, CRM avec import et export CSV, listes et segments.

Administration et conformité. Douze écrans, trois rôles (administrateur, maître du jeu, équipe), connexion par lien magique. Durées de conservation écrites dans le code, lues par la page de confidentialité et appliquées par une purge nocturne. Limitation de débit, fichiers vérifiés par leurs premiers octets, déploiement Docker avec contrôle post-déploiement.

03

Ce qui a été fait

FrameworkNext.js 15 · React 19
AnimationGSAP + ScrollTrigger
DonnéesPrisma + PostgreSQL
ConnexionLien magique, 3 rôles
BilletsPDF + QR signés
EmailsReact Email, 6 modèles
QualitéCI + 15 suites de tests
Livraisons30 relues et fusionnées
Version mobile de la page d'accueil de coubillou.cehc.fr, avec le Gardien et le bouton Choisir mon créneau
Sur mobile, la parallaxe s'efface, l'univers reste.

Pour un événement immersif, la page d'accueil n'est pas une brochure : c'est la première salle.

Pas de surbooking, pas de rappel en double, pas de visite comptée deux fois : ces promesses sont tenues par la base de données, pas par du code qui peut se tromper. Et la page de confidentialité lit les durées que le code applique : le texte public ne peut pas promettre autre chose que ce que le site fait.

Un projet, un délai serré ?

L'atelier est à Bédarieux : quand c'est court, je ne dépends pas d'un fournisseur. On en parle en 30 minutes.