Aller au contenu

Exemple de démonstration — données fictives. Aucun événement, lieu ou horaire réel n’est configuré.

Mon passeport

Menu

Village de Noël de démonstration

Christmas Experience 2026

Le village s’illumine. Programme, carte illustrée, passeport à tamponner et chasse au trésor : toute la magie de Noël, dans la poche de chaque visiteur.

  • Dates d’exemple
  • Pour toute la famille
  • Parcours accessibles

Découvrir l’événement

Un village à parcourir, une histoire à vivre.

Chaque visiteur suit le programme, se repère sur la carte, collectionne les tampons de son passeport et résout les énigmes du parcours, sans rien installer.

  • Programme vivant

    Les animations du jour, ce qui se passe maintenant et ce qui arrive.

  • Carte illustrée

    Un plan dessiné du village, pour trouver chalets, scène et services.

  • Passeport à tamponner

    Un souvenir à collectionner, lieu après lieu, sans compte ni email.

  • Chasse au trésor

    Des énigmes et des QR codes cachés pour explorer en famille.

FamillesVisiteurs étrangersMobilité réduitePetits et grands

Programme (exemple)

Ce qui se passe au village

Une animation à la une, puis le fil de la journée. Horaires et contenus fictifs.

11:00jusqu’à 11:45
Terminé

Conte au coin du feu

  • Kiosque à musique
  • Familles
14:00jusqu’à 16:00
Bientôt

Atelier de décorations en papier

  • Chalet des familles
  • Dès 5 ans
17:30jusqu’à 18:00
En coursIncontournable

Illumination du grand sapin

  • Place centrale
  • Tout public
18:30jusqu’à 19:15
BientôtMusique

Concert de cuivres

  • Grande scène

Lieux (exemple)

Les lieux du village

Chalets, scène, patinoire et kiosque : chaque lieu a sa vignette et ses informations pratiques.

MarchéVisité

Allée des chalets

Artisans, gourmandises et boissons chaudes sous les guirlandes.

  • Horaires d’exemple
  • Accès facilité
Spectacles

Grande scène

Concerts, chorales et contes, du goûter à la nuit tombée.

  • Selon le programme
  • Accès facilité
Activité

Patinoire

Une glisse en famille au pied des sapins illuminés.

  • Horaires d’exemple
À voir

Kiosque à musique

Le cœur du village, point de départ de la chasse au trésor.

  • Accès libre (exemple)
  • Accès facilité

Carte illustrée (exemple)

Se repérer au village

Un plan dessiné à la main, des repères à toucher. Chaque repère est aussi listé en texte dans la légende.

À voir

Grand sapin

Le cœur lumineux du village (exemple).

  • À voir
  • Scène
  • Chalets
  • Services
  • Chasse au trésor

Passeport numérique (exemple)

Un souvenir à collectionner

Chaque lieu visité laisse son tampon. Le passeport est anonyme : ni nom, ni email.

Passeport de Noël

Christmas Experience 2026

Passeport d’exemple

Mes tampons

Numéro d’exemple : N° DEMO-0042
Tampons collectés4 sur 6
  • Grand sapinTamponnéJour 1
  • Allée des chaletsTamponnéJour 1
  • Boisson chaudeTamponnéJour 1
  • Étoile du bergerTamponnéJour 2
  • PatinoireÀ découvrir
  • ClocherÀ découvrir

Anonyme par conception

Votre passeport vit sur votre téléphone. Aucune donnée personnelle n’est demandée.

Chasse au trésor (exemple)

La chasse aux lutins égarés

Sept lutins se sont cachés dans le village. Suivez les énigmes, scannez le QR code de chaque cachette et tamponnez votre passeport.

  1. Étape 1 : Au pied du grand sapin

    Validée
  2. Étape 2 : Derrière le kiosque

    Validée
  3. Étape 3 : La cachette gourmande

    En cours

    Là où la cannelle danse avec l’orange, le troisième lutin attend sa tasse fumante.

    Indice : cherchez près des boissons chaudes.

    Scanner une cachette

    Sur place, l’appareil photo du téléphone lit le QR code de la cachette, et l’étape se tamponne dans le passeport.

    Démonstration

    Le scan réel arrive avec les parcours visiteurs. Ici, rien n’est enregistré.

  4. Étape 4 : Sous les arches lumineuses

    Disponible
  5. Étape 5 : Étape mystère

    Verrouillée

Design system

Composants et variantes

Les briques réutilisables de l’application, avec leurs variantes et leurs états.

Couleurs

Palette primitive. Les composants n’utilisent que les rôles sémantiques qui en dérivent.

  • AaBordeaux profond#651B32
  • AaBordeaux 950#2E0B17
  • AaVert forêt#123C30
  • AaIvoire / crème#F3EDE2
  • AaOr champagne#C6A15B
  • AaOr 700 (texte)#7A5F2A
  • AaBrun chocolat#30252A
  • AaArgent brossé#B9B9B5
  • AaAlerte#A3262F

Typographie

Fraunces pour les titres, Manrope pour tout le reste. Échelle fluide de 390 à 1440 px.

4xlLe village s’illumine
3xlProgramme des animations
2xlLa chasse aux lutins
xlTitre de carte, Manrope gras
lgChapeau d’introduction, lisible au soleil comme à la nuit tombée.
mdTexte courant à 17 px : confortable sur téléphone, en extérieur, d’une main.
smTexte secondaire, métadonnées, aides.
xsMENTIONS, SURTITRES, ÉTIQUETTES

Boutons

Cinq variantes, trois tailles, cible tactile de 44 px minimum, états chargement et désactivé.

Badges et indicateurs

Les états combinent forme et texte, jamais la couleur seule.

NeutreIncontournableValidéCompletMusiqueContour
En coursBientôtTerminéAnnulé

Progression

Barre accessible (valeur annoncée) et version par étapes.

Tampons collectés1 sur 6
Lieux visités4 sur 6
  1. Étape 1 : validée
  2. Étape 2 : validée
  3. Étape 3 : validée
  4. Étape 4 : à découvrir
  5. Étape 5 : à découvrir

Repères de carte

Cinq familles de lieux ; la coche signale un lieu visité.

Tampons

Huit motifs, quatre encres, une usure aléatoire mais stable.

Icônes

33 pictogrammes originaux : grille 24 px, trait 1,75, extrémités arrondies.

  • home
  • calendar
  • clock
  • pin
  • map
  • passport
  • stamp
  • compass
  • tree
  • star
  • snowflake
  • gift
  • bell
  • music
  • mug
  • lantern
  • sparkle
  • family
  • accessible
  • camera
  • share
  • globe
  • qr
  • search
  • menu
  • close
  • chevronRight
  • chevronLeft
  • arrowRight
  • check
  • lock
  • info
  • alert

Notifications, modales et panneaux

Chaque message a son icône et son titre ; toute surface ouverte se referme visiblement.

Information

La parade démarre dans 20 minutes (exemple).

Étape validée

Le tampon a été ajouté au passeport (exemple).

Forte affluence

La patinoire est très fréquentée (exemple).

Animation annulée

Le spectacle de 15 h n’aura pas lieu (exemple).

Bienvenue au village

Une modale sert aux confirmations courtes. Elle se ferme avec Échap, en touchant le fond, ou avec le bouton Fermer.

Grande scène (exemple)

Le panneau glisse depuis le bas sur téléphone et depuis la droite sur ordinateur. Il accueille le détail d’un lieu ou les filtres du programme.

Programme susceptible d’évoluer

Exemple de message d’avertissement en contexte.

Chargement

Animations fonctionnelles, figées si le mouvement est réduit.

Chargement du programme…

États vides

Une illustration, un titre, une piste d’action.

Aucun tampon pour l’instant

Visitez un premier lieu pour recevoir votre tampon.

Explorer la carte

Rien ne correspond

Essayez un autre jour ou retirez un filtre.