Randonneurs sur un sentier avec vue sur les montagnes en arrière-plan - Marvelous Digital, agence digitale en Suisse

Vaud Rando - Système de gestion des randonnées

Promouvoir les randonnées de la région de manière numérique.

Contexte

L'association Vaud Rando a pour but de promouvoir la randonnée et maintenir les chemins pédestre dans tout le canton. Historiquement, leur site a longtemps permis aux utilisateurs (membres ou non) d'accéder à des informations sur les randonnées et les séjours organisés par l'association tout au long de l'année.

Après discussion avec leur équipe, nous avons refait le site vitrine de Vaud Rando en lui ajoutant une composante importante : l'inscription en ligne et la gestion du profil. Un changement adopté avec succès par les membres qui ont très rapidement accepté le nouveau processus, en créant un compte pour s'inscrire à leurs activités.

Expertises

Développement WebDesign Web

Objectifs du projet

Le but du projet était simple : faciliter la gestion du contenu d'un point de vue contributeur et le partage des randonnées aux personnes intéressées d'un point de vue consommateur. Pour atteindre ces objectifs, nous avons proposé l'utilisation du framework open-source Laravel, ainsi que de son extension Laravel Filament pour l'interface d'administration.

Un autre axe important était la gestion du balisage, cet objectif a été planifié, selon notre recommandation, à être réalisé plus tard pour bien comprendre les besoins. Nous avons dans un premier temps proposé à Vaud Rando d'effectué la promotion du balisage au niveau du contenu et dans un second temps repenser les fonctionnalités opportunes aux utilisateurs, en tirant parti de la flexibilité offerte par les technologies open-source choisies.

Mockup du site web VaudRando sur différents appareils - Marvelous Digital, agence digitale en Suisse
Aperçu du site web VaudRando sur des appareils mobiles - Marvelous Digital, agence digitale en Suisse
Mockup de l'interface utilisateur VaudRando - Marvelous Digital, agence digitale en Suisse

Notre approche

Pour ce projet, nous avons adopté une méthodologie segmentée. Comme les objectifs et le cahier des charges n'était pas défini, nous avons d'abord fait une première phase de conception avec pour but de réaliser un cahier des charges.

Ce cahier des charges a permis à conscientiser les participants au projet sur les fonctionnalités souhaitées et leur temps de réalisation. Pour respecter les contraintes temporelles et budgétaires, nous avons donc fait une proposition de cahier des charges correspondant aux attentes. Il était également important pour nous de voir large dans la première phase de conception, pour imaginer des fonctionnalités qui pourraient venir post-déploiement du site et ainsi en faire un site en constante évolution, grâce à l'architecture modulaire de Laravel.

Après la conception, nous avons directement embrayé sur les phases de design et de développement, qui se sont déroulées sans accroc jusqu'à la mise en ligne en décembre 2023. L'utilisation de Laravel et Filament nous a permis de développer rapidement des fonctionnalités sur-mesure répondant parfaitement aux besoins de Vaud Rando.

Résultats du site

Grâce une phase de conception détaillée qui nous a permis de définir un cahier des charges clair, le projet s'est déroulée de manière fluide et dans les temps.

  • Le site a été déployé au moment de la publication du catalogue
  • Les membres ont pu directement créer leur compte et s'incrire à leurs randonnées
  • Début 2024, les séjours y ont également été intégré, avec son propre système d'inscription, démontrant la flexibilité et l'extensibilité de la solution basée sur des technologies open-source.

Aujourd'hui, de nouvelles fonctionnalités sont en conception pour faire évoluer le site et apporter des aides autant à l'association qu'à ses membres !

Illustration randonnée Vaud plateforme - agence digitale suisse

Equipe de projet

Portrait de Joao Mendes de l'équipe Marvelous Digital, Chef de projet
Joao Mendes
Digital Project Manager
Portrait de Georgia Baeni de l'équipe Marvelous Digital, UX - UI designer
Georgia Baeni
UI Designer
Portrait de Steve de l'équipe Marvelous Digital, développeur backend
Steve Aguet
Fullstack Developer
Portrait de Cayan - Chef Web & Apps
Cayan Frey
Web & Apps Department Director
Portrait de Raphael Baumann de l'équipe Marvelous Digital, Full-stack développeur
Raphael Baumann
Fullstack Developer
Proud member of