![Randonneurs sur un sentier avec vue sur les montagnes en arrière-plan - Marvelous Digital, agence digitale en Suisse](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F359%2Fconversions%2FVaud-Rando---Hero-randonne%CC%81e-hero.webp&w=3840&q=75)
Vaud Rando - Système de gestion des randonnées
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](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F354%2Fconversions%2FVaudRando_mockup-1-thumbnail.webp&w=1920&q=75)
![Aperçu du site web VaudRando sur des appareils mobiles - Marvelous Digital, agence digitale en Suisse](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F355%2Fconversions%2FVaudRando_mockup-2-thumbnail.webp&w=1920&q=75)
![Mockup de l'interface utilisateur VaudRando - Marvelous Digital, agence digitale en Suisse](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F357%2Fconversions%2FVaudRando_mockup-thumbnail.webp&w=1920&q=75)
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](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F360%2Fconversions%2FIllustration_case_VaudRando-thumbnail.webp&w=1920&q=75)
Equipe de projet
![Portrait de Joao Mendes de l'équipe Marvelous Digital, Chef de projet](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F40%2Fconversions%2FPortraits-Team-Marvelous_0006_Joao-Mendes-thumbnail.webp&w=1920&q=75)
![Portrait de Georgia Baeni de l'équipe Marvelous Digital, UX - UI designer](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F42%2Fconversions%2FPortraits-Team-Marvelous_0013_Georgia-Baeni-thumbnail.webp&w=1920&q=75)
![Portrait de Steve de l'équipe Marvelous Digital, développeur backend](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F61%2Fconversions%2FSteve-ezgif.com-avif-to-jpg-converter-thumbnail.webp&w=1920&q=75)
![Portrait de Cayan - Chef Web & Apps](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F57%2Fconversions%2FCayan-ezgif.com-avif-to-jpg-converter-thumbnail.webp&w=1920&q=75)
![Portrait de Raphael Baumann de l'équipe Marvelous Digital, Full-stack développeur](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F39%2Fconversions%2FPortraits-Team-Marvelous_0004_Raphael-Baumann-thumbnail.webp&w=1920&q=75)
D'autres expéditions digitales réussies
![Logo de l'Opéra de Lausanne - agence digitale](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F312%2Fconversions%2FOpera-Lausanne_tumbnail-thumbnail.webp&w=1920&q=75)
Améliorer la vitrine en ligne de l'Opéra de Lausanne et faciliter les réservations en ligne.
![Mockup de site web pour Ardentis](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F185%2Fconversions%2FAnimalia_hero-thumbnail.webp&w=1920&q=75)
One-stop-shop pour la santé et le bien-être de nos animaux de compagnie.
![Image de produit Ferring](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F309%2Fconversions%2FFerring_hero-thumbnail.webp&w=1920&q=75)
Collecter des données pour sensibiliser les médecins.
![Nouvelle miniature de site web pour Ardentis](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F323%2Fconversions%2FArdentis-site-web_thumbnail-new-thumbnail.webp&w=1920&q=75)
Développer une présence digitale forte tout en créant une expérience-utilisateur optimale et agréable.
![Logo S Performance](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F332%2Fconversions%2FSperf_thumbnail-thumbnail.webp&w=1920&q=75)
Création de l'environnement numérique innovant pour S Performance Recovery
![Logo Aligro Resto Club](/_next/image?url=https%3A%2F%2Fcms.marvelous.digital%2Fstorage%2F347%2Fconversions%2FRestoClub_thumbnail-thumbnail.webp&w=1920&q=75)
Dynamisation de l'expérience digitale pour une recherche optimisée des partenaires.