Étude de cas : le projet de refonte du site des Châteaux de la Loire

Alors que le château de Chambord a enregistré un record de fréquentation historique en 2023, l’association des Châteaux de la Loire, elle, se prépare à augmenter les fréquentations de son site grâce à un projet de refonte ambitieux. L’objectif : revitaliser leur présence en ligne. L’agence AmphiBee, forte de son expertise en développement web et en expérience utilisateur, a été sélectionnée pour piloter le top départ de cette transformation digitale. Le premier pas vers cette nouvelle aventure ? L’accompagnement pour la création d’un cahier des charges fonctionnel et technique exhaustif, la conception de wireframes pour une UX exceptionnelle et la construction d’une arborescence fluide et efficace.

Quel est l’objectif de l’Association des Châteaux de la Loire ? 

Aujourd’hui, l’Association des Châteaux de la Loire dispose d’un site annuaire. Il répertorie simplement les 103 châteaux de la région. 

Avec cette refonte, l’ambition est de posséder un réel atout pour booster sa fréquentation, grâce à un site touristique avec des objectifs d’audience, de visibilité et commerciaux. 

Le futur site devra séduire et inspirer les internautes pour les transformer en visiteurs. 

Si les familles et les plus de 50 ans représentent la majeure partie des visiteurs des Châteaux de Loire, l’association souhaite également séduire de nouveaux publics, en particulier les jeunes. Le site devra donc répondre aux besoins et aux attentes de ces différentes cibles.

C’est pourquoi l’association a fait appel à nous, avant même de commencer la refonte à proprement dit. Elle voulait bénéficier du regard expert et neutre d’un partenaire extérieur au projet.
En dissociant la phase préparatoire de la refonte, elle s’assure d’obtenir une objectivité complète pour ensuite lancer son appel à projet. Elle sait ce qu’il est possible de faire ou non, à quel coût, et les points sur lesquels elle doit particulièrement prêter attention durant la conception.

La création du cahier des charges

À quoi sert un cahier des charges ?

C’est tout simplement la boussole du projet. Le cahier des charges définit clairement les objectifs, les besoins et les attentes, tout en établissant les contraintes techniques et les critères de qualité. Il n’y a pas de zone floue, toutes les prestations demandées au prestataire sont indiquées dedans. Ce cadre peut sembler strict, mais il permet aux deux parties d’avancer sereinement dans le projet, en sachant exactement où chacun va et les tâches à réaliser.

Ce document assure que tous les intervenants, de l’équipe de développement à l’association elle-même, partagent une compréhension commune des ambitions du projet. Il sert de contrat moral et technique entre l’agence et le client, garantissant que la vision finale du site répondra aux exigences de chacun. Ainsi, la bonne rédaction du cahier des charges est une étape indispensable à la réussite de la création d’un site web.  

cahier des charges 1

Quels sont les 3 piliers à connaître pour rédiger un cahier des charges ?

Le cahier des charges, c’est comme les fondations d’une maison. Si vous voulez qu’elle soit solide, vous avez intérêt à prendre le temps de bâtir des fondations inébranlables.

Dans le cadre de la conception d’un site web, il y a trois piliers de l’architecture de l’information à prendre en compte : 

  • le contexte de l’institution et de son marché ; 
  • les utilisateurs internes (à l’entreprise) et externes (les utilisateurs) ; 
  • le contenu, c’est-à-dire l’information et les services/fonctionnalités proposés.

La compréhension du contexte de l’Association des Châteaux de la Loire, ainsi que celle du marché touristique et culturel, est cruciale. Cela implique de déterminer les objectifs stratégiques de la refonte et de reconnaître les défis auxquels l’association est confrontée, mais aussi d’effectuer une analyse concurrentielle pour savoir ce qui fonctionne, ou pas, sur ces sites pour mieux positionner le client.

Les besoins et attentes des utilisateurs internes (personnel de bureau et adhérents de l’association) et externes (visiteurs du site) doivent être au cœur de la refonte. Cela implique une analyse détaillée de leurs comportements, préférences et interactions avec le site actuel pour définir les améliorations nécessaires. Mais, c’est aussi l’interview des deux profils d’utilisateurs, internes et externes, sélectionnés par le client.

Enfin, nous devons identifier précisément le type d’informations et les services ou fonctionnalités que le site proposera. Cela inclut tout, des descriptions des châteaux à la planification de visites, en passant par la réservation en ligne et les interactions communautaires.

3 piliers

Comment réussir la rédaction du cahier des charges de l’Association des Châteaux de la Loire ?

Pour connaître sur le bout des doigts les trois piliers précédents et réussir la rédaction du cahier des charges, nous sommes passés par plusieurs étapes : 

  • Les entretiens adhérents, grâce à des entrevues téléphoniques, semi-directives pour comprendre le contexte organisationnel, les informations préliminaires sur les objectifs du site, le profil des utilisateurs cibles et leurs besoins.
  • Le listing des adhérents, c’est-à-dire une liste de l’ensemble des châteaux adhérents, de leurs caractéristiques, des services qu’ils proposent, de leur site internet et de leurs contraintes.
  • Un état des lieux de l’existant. Nous avons audité le site actuel, analysé les statistiques de visites et échanger avec les partenaires dans le but de cartographier l’écosystème digital pour envisager les synergies possibles.
  • Un inventaire des contenus. Toujours dans l’objectif de mapper l’existant, nous avons fait un listing exhaustif de l’ensemble des contenus disponibles sur le site actuel, leurs indicateurs et leur évaluation qualitative (pertinence, trouvabilité, clarté, cohérence et justesse, etc.).
  • Une analyse concurrentielle, pour savoir ce qui se fait sur ce secteur, quelles sont les bonnes pratiques desquelles s’inspirer et celles à bannir, pour mieux positionner le client sur son marché.
  • Les interviews utilisateurs, pour identifier les besoins utilisateurs et comprendre leurs parcours. Les données collectées nous aide à créer les profils des personas, l’experience map, ainsi que l’écriture d’une liste exhaustive des besoins.

Pour finir cette importante étape de préparation, nous effectuons trois ateliers de co-construction pour définir et détailler précisément l’expression du besoin client : 

  • l’atelier persona ; 
  • l’atelier tri de carte (pour construire une arborescence cohérente) ;
  • l’atelier de conception (pour imaginer la future structure du site).

C’est seulement maintenant que ces 5 étapes sont passées que nous pouvons rédiger le cahier des charges.

adrien

Combien de temps prend la rédaction d’un cahier des charges pour un site touristique ?

Évidemment, les temps de préparation et rédaction dépendent de la complexité du projet.

Pour un site de l’envergure de l’Association des Châteaux de la Loire, nous avons compté : 

  • environ 17 jours de préparation et d’étude du projet ;
  • 5 jours de rédaction du cahier des charges.

Sous quelle forme se présente le cahier des charges ?

Le cahier des charges est un simple document écrit, qui peut être fait sous Word ou Google Doc, tout simplement. 

Ici, pour notre client, il comporte 31 pages d’écrits pour délimiter le cadre du projet de refonte, les attendus et les besoins, d’abord généraux, puis spécifiques, page par page.

La conception d’une arborescence cohérente

Qu’est-ce que l’arborescence d’un site ?

La conception de l’arborescence détermine la manière dont le contenu est organisé et présenté aux utilisateurs. C’est le squelette du site, guidant à la fois la conception et le développement. C’est aussi un enjeu pour le SEO.

En bref, elle représente la hiérarchie et la structure des pages web. Elle organise l’information de manière logique et intuitive, permettant aux utilisateurs de naviguer facilement et de trouver l’information qu’ils cherchent sans effort. 

Une arborescence bien conçue améliore significativement l’expérience utilisateur en minimisant la confusion et en maximisant l’efficacité de la navigation.

Quels sont les enjeux de l’arborescence pour la refonte du site de notre client ?

Pour le projet de refonte du site des Châteaux de la Loire, la conception d’une arborescence optimisée était indispensable. D’abord, elle a permis d’assurer que le site serait facile à explorer pour une audience diverse, incluant des visiteurs internationaux, des passionnés d’histoire et des familles à la recherche de sorties éducatives. 

Une structure claire a aidé à présenter l’abondance d’informations disponibles, de la carte interactive des châteaux à la planification des circuits, de manière organisée et accessible.

De plus, l’arborescence a joué un rôle clé dans l’optimisation SEO du site. En structurant le contenu de manière stratégique, l’agence AmphiBee et son partenaire SEO augmente les possibilités de visibilité du site sur les moteurs de recherche.

La conception de l’arborescence a donc été une étape fondamentale pour aligner les besoins des utilisateurs et les exigences techniques du projet. Ainsi, le site refondu ne sera pas seulement agréable visuellement, mais aussi fonctionnel et efficace dans la réalisation de ses objectifs de communication et d’engagement du public.

arborescence

La création des wireframes

Qu’est-ce qu’un wireframe ?

La création de wireframes constitue une étape cruciale dans le processus de conception d’un site web. Ils servent de plan pour l’architecture de l’information et l’interface utilisateur, facilitant la visualisation de la structure et de la fonctionnalité du site avant la phase de développement.

C’est un schéma visuel, à imaginer comme une ébauche de la structure d’une page web. Le wireframe détaille les éléments clés et leur emplacement, sans pour autant se concentrer sur le design esthétique. 

Il ressemble à un plan architectural pour un site web, mettant l’accent sur l’organisation du contenu, la navigation, et comment les utilisateurs interagiront avec le site. Les wireframes sont généralement en noir et blanc et se concentrent sur la priorisation des éléments, la fonctionnalité et le comportement des interfaces.

Quels sont les enjeux des wireframes pour l’Association des Châteaux de la Loire ?

Les wireframes ont joué un rôle indispensable. En premier lieu, ils ont permis à l’équipe de l’agence AmphiBee et aux parties prenantes de l’Association des Châteaux de la Loire de se mettre d’accord sur une structure de site avant de plonger dans les aspects plus complexes du design et du développement. Cette étape a facilité la communication et aidé à prévenir les malentendus en fournissant une vision claire et tangible du produit final dès les premières étapes du projet. Le client sait vers quoi il va, on évite les surprises plus longues et coûteuses à réparer lorsque le développement est fait.

En outre, les wireframes ont été essentiels pour tester et affiner l’expérience utilisateur (UX). Grâce à eux, l’agence a pu expérimenter différentes dispositions et interactions pour trouver les meilleures solutions en termes de navigation et d’accessibilité. Cela a assuré que le futur site serait non seulement beau, mais aussi fonctionnel et facile à utiliser pour divers groupes d’utilisateurs, des passionnés d’histoire aux touristes en quête d’aventure dans la vallée de la Loire.

En résumé, la création de wireframes a établi une fondation solide pour le développement du site, permettant une approche méthodique et centrée sur l’utilisateur pour atteindre les objectifs ambitieux du projet de refonte.

La préparation de la refonte du site de l’Association des Châteaux de la Loire en collaboration avec l’agence AmphiBee représente un tournant majeur pour le client. Ainsi, il sait comment passer d’un simple site annuaire à une véritable plateforme touristique visant à promouvoir les Châteaux de la Loire. À travers une approche méthodique, ce projet illustre l’importance d’une stratégie digitale réfléchie et orientée utilisateur. À nouveau, ce projet nous montre que la combinaison d’une planification minutieuse et d’une compréhension approfondie des besoins des utilisateurs peut transformer une présence en ligne. Nous avons hâte de voir le site en ligne (et d’aller prendre des vacances bien méritées dans cette belle région française).

wireframe 1

2 wireframe