Déploiement d'une nouvelle plateforme web touristique

Mise en service au début de l'année 2021 dans la version 2 de Geotrek-Rando, la plateforme web Destination Port-Cros Porquerolles se refait une beauté en opérant deux changements importants :

• La migration de la plateforme sur Geotrek-Rando V3, apportant ainsi des évolutions visuelles, techniques et fonctionnelles
• La refonte du site web grâce à un travail de personnalisation de l'interface

De Geotrek-Rando V2 à V3, concrètement qu'est ce qui change ?

• Évolution visuelle de l'interface : affichage des listes, nouveaux systèmes de filtres, fiche détail d'une randonnée avec un système d'onglets
• Évolution technique avec le changement de bibliothèque Javascript : AngularJS pour la V2, React pour la V3
• Reprise des fonctionnalités de la V2 : affichage des itinéraires et contenus touristiques, page de recherche de randonnées avec la carte à droite et la liste à gauche, le principe des filtres, etc.
• Ajout de nouvelles fonctionnalités : suggestions de randonnées depuis la page d'accueil, graphique dynamique pour le dénivelé dans la fiche d'une randonnée, formulaire de signalement, widget Météo France, etc.

Et concernant la personnalisation ?

• Lien vers l'API V2 de l'instance de Geotrek-Admin
• Identité visuelle : couleurs, logotype, images, nom du portail
• Contenus textuels : titre, description, etc.
• Centrage de la carte et fond de plans
• Personnalisation de la page d'accueil, header et footer
• Intégration CSS pour personnaliser le thème

Spécificité du territoire de Port-Cros

Véritable réserve de biodiversité, le Parc National de Port-Cros est le premier parc marin créé en Europe, en 1963. Il accueille de nombreuses espèces protégées tant aquatiques que terrestres.

Cette spécificité territoriale est intégrée dans le portail web puisqu'elle offre le choix entre les 180 km de sentiers du littoral et les 9 sentiers sous-marins. Ainsi, les visiteurs ont l'occasion unique de randonner sur terre ou sous les flots et de découvrir la luxuriante biodiversité méditerranéenne.

A pied, à vélo, en plongée sous-marine ou randonnée palmée, chacun sa pratique, c'est l'occasion de parcourir les chemins de la Méditerranée côté terre et côté mer.

En plus de proposer les itinéraires de randonnées disponibles sur le territoire, la plateforme intègre d'autres sources de données touristiques. L'ensemble des contenus est automatiquement synchronisé avec des flux provenant des SIT Apidae et Esprit parc national afin de suggérer des expériences autour des balades : hébergements, restauration, musées, monuments historiques, etc.

👉 Retrouvez ici notre article sur le déploiement Geotrek-Rando V2 de la plateforme Destination Port-Cros Porquerolles.

Module outdoor

Compte tenu de la caractéristique territoriale du parc entre le côté mer et le côté terre, le module outdoor a été ajouté sur l'application pour mettre en avant les plongées.

Le module outdoor de Geotrek sert à gérer toutes les données n'étant pas linéaires, comme les sentiers.

👉 Pour en savoir plus sur le module outdoor, cliquez ici !

Déroulement de la migration

L'équipe Geotrek de Makina Corpus a collaboré étroitement avec le Parc National de Porc-Cros pour mettre sur pied cette nouvelle version du site web touristique.

Voici les étapes essentielles de la procédure de migration du site web de la version 2 à la version 3 de Geotrek-Rando :

• Installation d'une nouvelle instance sur les serveurs de Makina Corpus
• Connexion du module Geotrek-Rando V3 à Geotrek-Admin via un appel API
• Conception de la page d'accueil de l'application
• Personnalisation des éléments de l'interface avec la charte graphique du Parc National de Port-Cros
• Intégration des contenus : fonds de carte, données des itinéraires, photos, contenus descriptifs, etc.

Comparatifs visuels entre l'ancienne et la nouvelle version de Geotrek-Rando

L'interface de l'application a connu une refonte visuelle importante et utilise désormais des outils plus légers et modernes, tout en procurant au parc une meilleure valorisation de l'image de son territoire.

Afin de mieux appréhender les changements opérés sur l'application existante, voici quelques captures d'écran avant et après le passage à Geotrek-Rando V3.

Page d'accueil | Geotrek-Rando

Geotrek-Rando V2

×

Geotrek-Rando V3

×

La nouvelle page d'accueil Geotrek-Rando V3 comprend des propositions de randonnées terrestres et sous-marines grâce au module outdoor, les actualités du parc, des suggestions pour manger local, se loger/restaurer, un sélecteur de langues (français/anglais) et un lien permanent vers la page de recherche.

Page de recherche de balades | Geotrek-Rando

Geotrek-Rando V2

×

Geotrek-Rando V3

×

Pour la page de recherche de balades sous Geotrek-Rando V3, toutes les données sont visibles sur une carte interactive sur laquelle l'utilisateur peut appliquer une sélection de filtres. Les critères de filtres d'une balade ont été regroupés sous forme d'onglets dans une barre horizontale : côté terre pour les randonnées terrestres à vélo ou à pied, côté mer pour les randonnées sous l'eau en plongée ou en palmes.

Au même niveau, nous retrouvons aussi les services, évènements et thèmes qui permettent de rechercher la présence de sites d'hébergement et restauration ou encore les points d'observation d'une balade. L'onglet localisation permet de filtrer une balade selon son appartenance à une commune, un secteur (cœur marin, cœur terrestre, aire maritime adjacente, etc.) ou encore une structure.

Le fond de plan cartographique a été allégé pour améliorer la lisibilité des éléments sur la carte.

Fiche de plongée | Geotrek-Rando

Geotrek-Rando V2

×

Geotrek-Rando V3

×

Les informations essentielles d'une balade sous marine ont été regroupées sous forme d'onglets au sein de la fiche descriptive : présentation, patrimoines à découvrir, description et recommandations, accès et lieux de renseignement et infos pratiques avec un widget de Météo France.

L'activation de données supplémentaires sur la carte comme les patrimoines permettent de visualiser les zones où prospèrent les espèces aquatiques (méduse Pélagie, herbier de Posidonie, poulpe, etc.) et qui font le bonheur des plongeurs et randonneurs en palmes, masque et tuba.

Fiche de randonnée | Geotrek-Rando

Geotrek-Rando V2

×

Geotrek-Rando V3

×

Présentée de manière identique à la fiche d'une plongée, la fiche de randonnée pédestre présente en plus les informations de type de parcours, durée, dénivelé, difficulté.