Skip to main content

Ville de Salaberry-de-Valleyfield

Municipal
2019-2020
Visiter le site

En 2019, la ville de Salaberry-de-Valleyfield a entrepris un projet de refonte de son site web, principal moyen de communication avec ses 45 000 citoyens.

Notre objectif principal pour ce projet était de créer une navigation améliorée, offrant aux utilisateurs une expérience fluide et intuitive lors de leur recherche d'informations. Nous avons travaillé à réduire les frictions et les obstacles rencontrés par les citoyens, en veillant à ce qu'ils puissent accéder rapidement et facilement aux informations qu'ils recherchent.

Nous avons également mis en place un système de gestion de contenu performant, en utilisant Craft CMS, pour offrir à l'équipe des communications de la ville une expérience d'édition agréable et conviviale. Cela leur permet de mettre à jour facilement le contenu du site, d'ajouter de nouvelles informations et de maintenir une communication transparente avec les citoyens.

Nous avons également accordé une grande importance à l'esthétique du projet, en créant une interface visuellement attrayante et moderne. Notre objectif était de faire en sorte que chaque visiteur se sente accueilli et engagé dès son arrivée sur le site, renforçant ainsi la relation entre la municipalité et ses citoyens.

Expertises

  • Flux d'utilisateurs
  • Stratégie de contenu
  • Design web
  • Développement

Technologies

  • Craft CMS
  • Twig / PHP
  • JavaScript
  • AWS

Particularités

  • Carte interactive
  • Recherche avec suggestions
  • Connexion à une base de données distante
  • Recherche par adresse
Troisieme valleyfield desktop home
Troisieme valleyfield mobile homepage

Wireframe et contenu

Nous avons commencé par dresser une liste de tout le contenu présent sur le site existant. Nous avons ensuite validé avec la ville ce qui était encore pertinent. Nous avons ensuite regroupé ce contenu en différentes sections. Les collections de contenu projetées ont été identifiées, ainsi que les pages avec des modèles uniques et celles avec un contenu modulaire. Nous avons également organisé des sessions de travail avec le client pour collaborer sur cette étape.

Afin de faciliter la prise de notes, nous avons également imprimé la hiérarchie complète du projet en grand format. Cette façon de travailler nous a permis à tous les participants de prendre rapidement des notes.

Ensuite, nous avons conçu tous les wireframes du projet. Lors des échanges et des présentations avec le client, certaines sections ont été modifiées et améliorées.

Troisieme valleyfield wf home
Troisieme valleyfield g sheet

Navigation et moteur de recherche

Afin de répondre à l'objectif principal, nous avons développé une navigation à quatre panneaux qui offre aux citoyens un aperçu complet de l'ensemble du contenu du site. Grâce à cette navigation intuitive, les utilisateurs peuvent parcourir facilement les différentes sections et trouver rapidement les informations dont ils ont besoin.

En plus de la navigation par panneaux, nous avons mis en place un champ de recherche convivial. Cette fonctionnalité de recherche permet non seulement un accès rapide à un contenu spécifique, mais elle offre également des suggestions et des recommandations au fur et à mesure que les utilisateurs saisissent leur requête, rendant l'expérience de recherche encore plus efficace et pratique.

Troisieme valleyfield nav
Troisieme valleyfield mobile search
Troisieme valleyfield alertes

Page de contenu

Le projet comprend également près de 500 pages et de nombreuses collections de contenu. Grâce à Craft CMS, le client peut facilement gérer le contenu tout en bénéficiant d'une liberté contrôlée.

Ces pages sont bien structurées, agréables à lire et répondent aux normes élevées en terme d'accessibilité. Nous accordons une grande importance à ce que tous les utilisateurs puissent naviguer facilement sur le site et y consulter les informations présentées.

Troisieme valleyfield desktop tennis
Troisieme valleyfield mobile misc

Nous avons eu le plaisir de travailler avec troisième sur notre projet de refonte de site web et nous ne pourrions être plus satisfaits des résultats obtenus. De la phase initiale de planification à la mise en œuvre finale, toute l'équipe a démontré son expertise et son professionnalisme.

Leur engagement envers la livraison d'un site web de haute qualité était évident tout au long du projet. Ils ont pris le temps de comprendre nos besoins et nos objectifs, et leurs solutions technologiques ont rencontré toutes nos attentes.

Anne-Marie Lefebvre
Directrice du Service des communications et des relations publiques
Troisieme valleyfield ipad quartiers
Troisieme valleyfield desktop marche

Carte interactive

Dans le cadre du projet, nous avons créé une carte personnalisée pour la ville. Cette carte interactive affiche différentes fonctionnalités telles que les quartiers, les zones de collecte des déchets, les parcs, et offre un outil facile à utiliser pour les citoyens afin de trouver des informations pertinentes.

Certaines des fonctionnalités avancées de cette carte incluent une adresse URL unique qui est créée à chaque clic, l'utilisation de données au format GeoJSON, et l'intégration des données provenant du CMS. La carte utilise l'API Google Maps, ce qui permet une expérience utilisateur fluide.

Dans l'ensemble, cette carte personnalisée offre une manière innovante et conviviale aux citoyens d'accéder à des informations importantes sur leur ville.

Troisieme valleyfield map panel
Troisieme valleyfield map json
Troisieme valleyfield map misc

Connexion à base de données distante

Nous avons également créé une fonction permettant de se connecter à une base de données de la ville. Lorsqu'un citoyen effectue une recherche en saisissant son adresse, il a accès à son secteur de collecte et aux informations sur son quartier.

Cette fonctionnalité de recherche par adresse est un outil puissant qui facilite l'accès à des informations pertinentes pour chaque citoyen.

Troisieme valleyfield ipad collectes

Analyse

Nous avons ensuite analysé le comportement des visiteurs en utilisant la plateforme Mouseflow. Au cours des premiers jours, nous avons ciblé environ 200 visiteurs. Cela nous a permis de constater que le bloc de recherche était affiché correctement par plus de 90 % des utilisateurs. Nous avons également confirmé le flux de l'utilisateur. 

Le résultat du projet est un site web moderne et convivial qui communique efficacement les services et les actualités de la municipalité à ses citoyens. Le nouveau site a reçu des retours positifs tant de la part du client que du public, et a connu une augmentation du trafic et de l'engagement.

Troisieme valleyfield mobile mouseflow

Démarrons votre projet

troisième est une équipe à échelle humaine qui vous accompagne dans le déploiement de vos plus grands projets numériques. Collaborons à atteindre vos idéaux.
Contactez-nous