Fin 2020, le département marketing de Nendaz devait rapidement mettre en œuvre une refonte complète de son site web vieillissant pour la saison d'été 2021. Notre partenaires de longue date :ratio a travaillé sur le design et Cruncher a été engagé pour fournir le front-end sous la forme d'une bibliothèque de centaines de composants interactifs prêts à être intégrés dans leur nouveau CMS, implémenté par MyCity.

Le projet a commencé par l'identification des besoins des utilisateurs à partir des analyses existantes et de la recherche sur les utilisateurs, ce qui a été transmis directement à l'équipe de conception. Conscients de la nécessité d'aller vite, :ratio et Cruncher ont choisi de travailler par sprints, en livrant à la fin de chacun d'eux un code prêt à être implémenté dans le système de gestion de contenu (CMS). Cela signifie que pendant plusieurs mois, au début de l'année 2021, la conception, la mise en œuvre du front-end et l'intégration du back-end se sont déroulées simultanément, chacune à différents stades du pipeline de production.

Le projet a été divisé en 5 sprints. Les cartes interactives constituaient un élément important du projet. Cruncher a précédemment travaillé avec Open Street Maps et avec les API de Google Maps pour fournir des cartes avec des régions superposées et des points d'intérêt. Pour Nendaz, nous avons choisi MapBox pour ses possibilités de style personnalisé. Le design exigeait des cartes plein écran superposées avec des points d'intérêt, des itinéraires et des boîtes de dialogue de localisation personnalisées. Sur les pages de recherche, ces points sont générés à partir d' une liste de résultats affichée dans une colonne de gauche - une interface de type "AirBnB". Les données sont demandées au CMS sous forme de JSON, et le front-end compose les données de localisation renvoyées avec des modèles HTML pour afficher à la fois la liste des résultats et la carte.

Afin d'exposer autant d'informations que possible aux moteurs de recherche, les données sont rendues sous forme de HTML avec des microformats schema.org.

Chaque sprint a été publié sur un site de test e intégration qui affiche notre bibliothèque de composants front-end, notre bibliothèque de layouts et la documentation qui l'accompagne et qui a servie de référence à MyCity pour l'intégration dans leur CMS. MyCity a ensuite intégré les composants dans leur back-end pour publier le site web final.

Le site web, nendaz.ch, a été livré à temps malgré plusieurs restrictions dues au confinement, en deux versions pour les visiteurs d'été et d'hiver. Depuis la levée du confirnement, Nendaz Tourism a vu le nombre de visiteurs de son site web doubler par rapport au site web antérieur à 2020.