François Castets

CréationsWork WordPressWordPress

WordPress · LoisirsWordPress · Leisure

Escape Gamer, le siteEscape Gamer, the website

La première version de l'annuaire des escape games de France : enseignes, salles, géolocalisation et recherche multicritère.The first version of the French escape game directory: venues, rooms, geolocation and multi-criteria search.

  • WordPressWordPress
  • LoisirsLeisure
  • géolocalisationgeolocation
  • moteur de recherche multicritèremulti-criteria search

Escape Gamer était un collectif de joueurs qui testaient les salles et voulaient en tenir le recensement complet, enseigne par enseigne. Cette première version du site a posé les fondations de l’annuaire : la liste des salles de France, la recherche par critères et la géolocalisation du visiteur. L’annuaire a été refondu depuis ; ce qui suit décrit l’étape de 2019.Escape Gamer was a collective of players who tested the rooms and wanted to keep a complete census of them, venue by venue. This first version of the site laid the foundations of the directory: the list of rooms across France, search by criteria and visitor geolocation. The directory has since been rebuilt; what follows describes the 2019 stage.

Le défi techniqueThe technical challenge

La demande portait une tension. Il fallait recenser toutes les salles de France avec leurs caractéristiques, et garder un moteur de recherche simple et clair. Chaque critère ajouté au formulaire rendait la recherche plus précise et la page plus intimidante, et un joueur qui cherche une salle pour le samedi soir abandonne devant un panneau de réglages.The brief carried a tension. Every room in France had to be listed with its characteristics, and the search engine had to stay simple and clear. Every criterion added to the form made the search more precise and the page more intimidating, and a player looking for a room for Saturday night gives up in front of a control panel.

S’ajoutait la nature du contenu : une salle n’est pas une fiche figée. Elle appartient à une enseigne, elle reçoit la note de l’équipe après son test, et elle peut porter un code promotionnel valable jusqu’à une date donnée. Trois informations de durées de vie différentes, à tenir dans une même page.There was also the nature of the content: a room is not a fixed record. It belongs to a venue, it receives the team rating once tested, and it may carry a promotional code valid until a given date. Three pieces of information with three different lifespans, to be held in a single page.

Comment c'est construitHow it is built

Le site a été construit sur WordPress, avec les enseignes et leurs salles comme deux niveaux distincts : une enseigne pouvait tenir plusieurs salles, et chaque salle portait ses propres caractéristiques. Les tests de l’équipe se rattachaient aux salles, ce qui rendait les notes exploitables par la recherche au lieu de les laisser dormir dans des articles.The site was built on WordPress, with venues and their rooms as two distinct levels: a venue could hold several rooms, and each room carried its own characteristics. The team tests attached to the rooms, which made the ratings usable by the search instead of leaving them asleep inside articles.

Le moteur croisait donc deux familles de données : ce qu’une salle est, ses caractéristiques, et ce que l’équipe en avait pensé. La géolocalisation venait par-dessus : la recherche pouvait partir de là où se trouvait le joueur plutôt que d’une liste nationale.The engine therefore crossed two families of data: what a room is, its characteristics, and what the team had made of it. Geolocation sat on top: the search could start from where the player was rather than from a national list.

Les codes promotionnels des enseignes étaient publiés avec leur date d’expiration, affichée au visiteur. Un code encore en ligne mais périmé coûte la confiance de tout l’annuaire, et la date le disait sans détour.The promotional codes offered by the venues were published with their expiry date, shown to the visitor. A code still online but expired costs the whole directory its credibility, and the date said so plainly.

Les fonctionnalités développéesThe features built

  • Recensement des enseignes et de leurs salles sur toute la France.A census of the venues and their rooms across the whole of France.
  • Géolocalisation du visiteur, pour chercher à partir de sa position.Visitor geolocation, to search from where they stood.
  • Moteur de recherche multicritère croisant les caractéristiques des salles.A multi-criteria search engine crossing the characteristics of the rooms.
  • Tests de salles menés par l’équipe, avec les notes attribuées.Room tests run by the team, with the ratings awarded.
  • Codes promotionnels des enseignes, publiés avec leur date d’expiration.Promotional codes from the venues, published with their expiry date.
  • Inscription à la newsletter.Newsletter sign-up.

Les technologies employéesThe technologies used

  • WordPress pour tenir l’annuaire : les enseignes, leurs salles et les tests de l’équipe au même endroit.WordPress to hold the directory: the venues, their rooms and the team tests in one place.
  • Géolocalisation du visiteur, encore rare sur un site de passionnés en 2019.Geolocation of the visitor, still rare on an enthusiast site in 2019.
  • Moteur de recherche multicritère croisant les caractéristiques des salles et les notes des tests.Multi-criteria search engine crossing the characteristics of the rooms with the test ratings.

Ce que j'en retiensWhat I take from it

Le plus dur n’était pas la base, c’était le formulaire. J’ai tenu la règle que le collectif avait posée : rester simple et clair. Les critères sont restés peu nombreux et lisibles, et le croisement avec les notes des tests a fait le reste du travail de tri, sans demander au joueur de régler dix curseurs.The hard part was not the database, it was the form. I held to the rule the collective had set: stay simple and clear. The criteria stayed few and legible, and crossing them with the test ratings did the rest of the sorting, without asking the player to set ten sliders.

Cette version a été une étape, et je l’écris comme telle : elle a établi le modèle enseigne-salle, la recherche par critères et la géolocalisation, puis l’annuaire a été refondu plus tard. Ce qu’elle m’a appris tient en une phrase : la note d’un testeur est une donnée de recherche, pas un commentaire de bas de page.This version was a stage, and I write it as one: it established the venue-and-room model, search by criteria and geolocation, and the directory was rebuilt later. What it taught me fits in a single sentence: a tester rating is search data, not a footnote comment.

Dans le même genreIn the same vein

Voir les 41 créationsSee all 41 projects · Comment je travailleHow I work · Ce qu'en disent mes clientsWhat my clients say