Ils nous font confiance

Des sociétés et des institutions de toutes tailles nous ont confié leur projet : collectivités territoriales, entreprises privées, services publics, collectivités territoriales, ministères, laboratoires... Découvrez ici toutes nos réalisations et n'hésitez pas à nous confier, à votre tour, votre projet !

Image
Makina Corpus - Header Références

Le Parc National de Port-Cros dévoile sa nouvelle plateforme touristique à destination du grand public !

24/11/2022 - 10:00 | Logiciel libre | Produits | Geotrek

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

Port-Cros

Geotrek-Rando V3

Port-Cros

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

Port-Cros

Geotrek-Rando V3

Port-Cros

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

Port-Cros

Geotrek-Rando V3

Port-Cros

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

Port-Cros

Geotrek-Rando V3

Port-Cros

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é.

Parc national de Port-Cros

Le Parc national de Port-Cros est composé des îles de Port-Cros et Porquerolles. Créé le 14 décembre 1963, le parc occupe 1700 ha de terres émergées et 2900 ha de surfaces marines. C'est le plus ancien parc marin en Europe et en France !

Projet : Refonte du site web de valorisation touristique de Port-Cros et migration sur Geotrek-Rando V3

+Info

Le Parc Naturel de Port-Cros utilise Geotrek depuis 2020 pour valoriser ses sentiers, son patrimoine, ses évènements et ses activités autour des randonnées.

Challenge

  • Migrer les données existantes sur la nouvelle application
  • Intégration du module outdoor pour gérer les randonnées sous-marines
  • Visualiser sur une carte interactive les itinéraires de randonnées et points d'intérêt
  • Valoriser les lieux touristiques et activités de plein air
  • Naviguer intuitivement entre les différents éléments de l'interface
  • Télécharger et imprimer les fiches descriptives des randonnées
  • Consulter la plateforme via tablette ou smartphone en responsive web design

Solution

  • Geotrek-Admin, la plateforme de gestion pour l'intégration de tous les contenus
  • Geotrek-Rando, le site internet grand public pour valoriser les activités de pleine nature et les points d'intérêt
  • Utilisation de PWA pour l'accessibilité sur mobile

Expertise

Formez-vous

Django

Django intégration

A distance (foad) Le jeudi 3 novembre 2022

Voir la formation

SIG/Web mapping

PostGIS

Nantes Du 21 au 23 mars 2023

Voir la formation

SIG/Web mapping

Leaflet

Toulouse Du 4 au 5 avril 2023

Voir la formation

Inscription à la newsletter

Nous vous avons convaincus