Une application de musée 100 % hors ligne et en 7 langues : les coulisses techniques

Une borne de musée qui plante parce que le wifi a lâché, c'est le cauchemar de tout lieu culturel. Pour le Petit Musée du Vin à Lyon, la fiabilité n'était pas une option : l'application devait tourner quoi qu'il arrive, connexion ou pas. Voici les choix techniques qui rendent ça possible — expliqués sans jargon.

Le principe : « offline-first »

« Offline-first » signifie que l'application est conçue pour fonctionner sans internet par défaut, la connexion n'étant qu'un bonus. Concrètement, tout ce dont l'expérience a besoin — textes, images, animations, jeux — est stocké localement sur l'appareil. Aucun appel réseau n'est nécessaire pour qu'un visiteur parcoure un module.

Techniquement, nous avons packagé l'expérience dans une application de bureau (à base d'Electron et React) installée directement sur les tablettes du musée, avec les contenus et configurations stockés en local. Le résultat : depuis l'ouverture, zéro interruption de service, y compris sans connexion.

Le défi des 7 langues

Le musée accueille des touristes du monde entier : l'application est disponible en 7 langues (français, anglais, espagnol, allemand, italien, portugais, néerlandais). Gérer plusieurs langues, ce n'est pas juste « traduire les phrases ». C'est un vrai casse-tête de mise en page :

Un texte allemand est souvent 30 à 40 % plus long que son équivalent français — un bouton parfait en français déborde en allemand.
Chaque langue a son rythme, ses mots composés, ses règles typographiques.

Notre réponse : des composants d'interface flexibles, avec des espacements adaptatifs et des conteneurs de texte qui s'ajustent à la longueur réelle. Chaque module a été testé dans les 7 langues pendant la conception, pas après coup. L'interface reste lisible et équilibrée quelle que soit la langue choisie.

L'autonomie sans développeur : le « mode édition »

C'était une exigence forte du musée : pouvoir modifier les contenus sans nous appeler. Nous avons donc construit un mode édition intégré à l'application — une forme de CMS embarqué. Le personnel modifie textes, images et vidéos directement, et les changements sont pris en compte localement, sans redéploiement.

Ce choix architectural a une conséquence business directe : plus aucune facture pour un changement de virgule. Le musée est propriétaire de ses contenus au quotidien.

Mesurer sans tout casser

Le musée a souhaité, tard dans le projet, disposer de statistiques d'usage. Ajouter de la mesure à une application déjà développée est un exercice délicat : le risque est d'introduire des régressions ou de retarder l'ouverture.

Nous avons opté pour une intégration minimale et ciblée : instrumenter uniquement les actions qui comptent (vues de module, complétions, quiz, choix de langue, navigation). Le système de mesure était opérationnel le jour de l'ouverture, sans impact sur le planning ni sur la stabilité. C'est cette même donnée qui alimente aujourd'hui le tableau de bord de décision du musée.

Ce que cette architecture garantit

En une phrase : une expérience rapide, fiable et sous contrôle.

Fiable : fonctionne sans internet, zéro downtime depuis l'ouverture.
Internationale : 7 langues gérées proprement, mise en page comprise.
Autonome : l'équipe fait vivre ses contenus seule.
Pilotable : des données réelles pour décider quoi améliorer.

Ce sont les mêmes principes — robustesse, autonomie du client, mesure — que nous appliquons à tous nos projets, du site vitrine à l'outil métier sur mesure.

Dans la même série sur Le Petit Musée du Vin :