Aller au contenu

La Forêt des Champos : rendre un site de loisirs réellement administrable

La Forêt des Champos avait besoin d’un site capable d’évoluer au fil des saisons. Directus donne la main sur les contenus ; Nuxt garde la lisibilité, le responsive et la cohérence des pages.

Question centrale

Comment donner de l’autonomie au propriétaire sans laisser le site se désorganiser ?

Aperçu ordinateur et mobile du site La Forêt des Champos.

Étude de cas

Le projet en bref

Type
Site vitrine administrable
Secteur
Parc de loisirs
Période
2026
Technologies
Nuxt, Directus

Situation de départ

Donner de l’autonomie sans abandonner le cadre

Site vitrine Nuxt et Directus pour un parc de loisirs, conçu pour publier des pages, annonces, horaires et contenus multilingues sans perdre le cadre visuel.

Le site devait vivre au rythme du parc : ouvertures, horaires, annonces, pages d’activités, contenus saisonniers et versions en plusieurs langues. Le CMS devait faciliter ces changements sans fragiliser l’expérience visiteur.

Le risque : un CMS trop libre ou trop rigide

Un site administrable peut échouer de deux façons. S’il est trop fermé, chaque modification demande une intervention technique. S’il est trop libre, les pages deviennent irrégulières et difficiles à maintenir. Le projet demandait un équilibre entre autonomie éditoriale et rendu maîtrisé.

  • Donner la main sur les contenus courants.
  • Limiter la mise en page libre aux blocs prévus.
  • Garder les langues, liens et contenus associés cohérents.
  • Faire évoluer le modèle éditorial sans repartir de zéro.

Arbitrages

Les choix de conception

Les choix structurants du projet, présentés à partir de leur impact sur le produit et son exploitation.

  1. 01

    Structurer avant de publier

    Horaires, annonces, pages, fichiers et traductions sont organisés comme des contenus distincts, pas comme de longs textes libres.

  2. 02

    Limiter la mise en page libre

    Le propriétaire compose avec des blocs prévus pour le site. Nuxt garde les espacements, les images, le responsive et la hiérarchie visuelle.

  3. 03

    Penser le multilingue comme une structure

    La langue active influence les contenus, les routes, les liens internes, les boutons et les références.

  4. 04

    Faire vivre les blocs dans le temps

    Le modèle a été enrichi progressivement pour couvrir de nouveaux usages sans repartir sur une structure différente.

Les éléments produits

Le livrable associe le site visible par les visiteurs et l’organisation éditoriale qui permet de le faire vivre.

Livrable

Site Nuxt

Pages dynamiques, rendu par blocs, layout commun, routes, images, métadonnées et configuration de production.

Livrable

Modèle Directus

Pages, traductions, blocs, fichiers, annonces, horaires, tarifs, carte, calendrier, liens et contenus associés.

Livrable

Gestion éditoriale

Preview, contenus français et anglais, liens internes et champs adaptés aux différents types de blocs.

Livrable

Maintenance du CMS

Scripts d’import et d’export, synchronisation des assets, environnement local et évolution contrôlée du schéma Directus.

Une autonomie encadrée

Organiser les changements saisonniers

Le site accompagne des mises à jour concrètes : annoncer une ouverture, ajuster des horaires, modifier une page d’activité, relire une traduction ou préparer un contenu saisonnier. Directus donne la main sur ces contenus, tandis que Nuxt garde une présentation stable côté visiteur.

Le cadre reste indispensable

L’autonomie ne signifie pas que chaque page devient une page blanche. Les blocs définissent les types de contenus possibles : texte, image, cartes, FAQ, informations pratiques, appels à l’action ou contenus associés.

Nuxt garde la responsabilité de l’affichage final. Cette séparation permet de modifier le contenu sans remettre en question la lisibilité, les espacements ou le comportement mobile.

Faire de Directus un modèle éditorial

Directus n’a pas été utilisé comme un simple champ de texte. Les contenus ont été séparés selon leur rôle : une annonce, un tarif, une page d’activité ou un horaire ne se maintiennent pas de la même façon.

Cette organisation rend les contenus plus simples à maintenir. Un horaire évite les recopies à plusieurs endroits. Une annonce peut être retrouvée, modifiée ou retirée.

Des champs pensés pour les personnes qui administrent

Le modèle Directus donne des champs concrets, reliés aux usages du site. L’administration est plus claire lorsque la personne qui publie comprend immédiatement quoi renseigner et comment le contenu sera affiché.

Ce travail de modélisation demande plus d’attention au départ, mais il évite de laisser les contenus importants se disperser.

Ajouter de la souplesse seulement quand elle sert

Le projet n’a pas été figé sur une première liste de composants. Les blocs ont été enrichis au fil des besoins pour couvrir davantage de situations : contenu éditorial, informations pratiques, pages d’activités, visuels, liens, cartes ou sections plus spécifiques.

Cette évolution progressive est importante. Elle permet au site d’accompagner le fonctionnement réel du parc, sans forcer tous les contenus dans un modèle trop abstrait.

Une souplesse testable

Chaque nouveau bloc ajoute une possibilité, mais aussi une responsabilité : vérifier le rendu, les états incomplets, le mobile, les liens, les images et la cohérence avec les autres sections.

Le bon équilibre consiste à ajouter de la liberté lorsque le besoin est réel, puis à l’encadrer avec un composant stable.

La gestion des langues dépasse la traduction des textes

Le site gère plusieurs langues. Ce point touche les contenus visibles, mais aussi les routes, les liens internes, les boutons, les références et les éléments composés depuis le CMS.

Un visiteur évite ainsi les ruptures de langue dans son parcours. Les liens et contenus associés suivent la langue active.

Un multilingue prévu tôt

Ajouter une langue après coup peut créer des incohérences difficiles à corriger. Dans ce projet, la langue fait partie de la structure du contenu et du rendu Nuxt.

Cela rend le système plus clair pour l’édition : les contenus français et anglais sont liés, mais ils restent gérés avec leurs propres textes et références.

Prévisualiser avant de publier

Un CMS devient plus utile lorsque l’on peut vérifier une page avant sa publication. La preview permet de consulter le rendu Nuxt d’un contenu préparé dans Directus.

Cette partie est discrète pour le visiteur, mais importante pour l’équipe qui administre le site. Elle permet de relire une page, de vérifier un bloc, de contrôler une traduction ou de préparer une mise à jour sans la rendre publique trop tôt.

La publication devient plus sereine

Avant une période d’ouverture ou une mise à jour importante, la preview réduit les décisions à l’aveugle. Le propriétaire peut voir ce qui sera affiché et ajuster les contenus avant mise en ligne.

Ce point renforce l’autonomie : administrer un site, c’est aussi contrôler le résultat.

La maintenance du CMS fait partie du projet

Un site construit avec un CMS headless contient du code, mais aussi un modèle de données. Le schéma Directus, les fichiers, les dossiers, les permissions et les associations entre contenus sont suivis comme une partie du projet.

Des outils d’import, d’export et de synchronisation permettent de reproduire l’environnement, préparer des évolutions et limiter les écarts entre les versions du projet.

Ce travail protège les évolutions futures

Lorsque de nouveaux blocs ou champs sont ajoutés, la maintenance du modèle devient essentielle. Elle permet de tester, documenter et déployer les changements sans manipuler le CMS à la main à chaque étape.

C’est une partie moins visible qu’une page d’accueil, mais elle conditionne la stabilité du site dans le temps.

Un système éditorial pour le parc

Le résultat est un site que le propriétaire peut faire vivre sans transformer chaque mise à jour en sujet technique, tout en gardant une expérience lisible pour les visiteurs.

Un site plus simple à faire vivre

Le site peut évoluer sans transformer chaque mise à jour en intervention technique, tout en gardant un rendu encadré pour les visiteurs.

  • L’autonomie éditoriale fonctionne mieux quand les blocs ont un rôle clair.
  • Les informations pratiques restent plus faciles à relire lorsqu’elles sont structurées.
  • Le multilingue s’anticipe dans les routes, les liens et les références.
  • Un CMS vivant demande aussi des outils de synchronisation et de maintenance.

Vous avez un sujet proche ?

Nous pouvons concevoir un site vitrine administrable lorsque vos contenus changent régulièrement et restent simples à gérer.