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