Aperçu

La ville de Hamilton a fait appel à Evolving Web pour la refonte de son site Web, la migration de son système de gestion de contenu de Drupal 7 à Drupal 9 et le transfert de son hébergement sur site vers l’hébergement basé sur le nuage Pantheon. Nous avons amélioré l’expérience utilisateur en réalisant un travail approfondi au niveau de l’organisation du contenu, de la navigation, de la fonctionnalité de recherche et la conception visuelle. Nous avons également optimisé l’apparence et la convivialité du site Web avec une conception moderne et épurée qui met en valeur des photographies attrayantes de la ville. Nous sommes fiers du travail accompli pour cette grande municipalité de l’Ontario.

a screenshot of the City of Hamilton website

À propos du client

Hamilton est une ville portuaire canadienne située à l’extrémité ouest du lac Ontario. Elle se situe à 45 kilomètres au sud-ouest de Toronto, la plus grande ville du Canada, et fait partie, avec Toronto, de la région du Grand Toronto et de Hamilton. C’est la neuvième zone urbaine la plus peuplée du Canada, avec une population totale de plus de 1,3 million d’habitants et un taux de croissance annuel de 5,2 %. C’est un pôle d’attraction majeur pour l’immigration, avec environ 25 % de sa population née à l’étranger.

Hamilton a été classée parmi les meilleures villes canadiennes pour faire des affaires. Traditionnellement centrée sur l’industrie sidérurgique, la ville s’est diversifiée sur le plan économique, avec une présence croissante dans les transports, la logistique, les sciences, l’éducation, les services financiers, la construction et les soins de santé. Hamilton abrite le centre de fret aérien le plus actif du Canada ainsi que le port le plus occupé de tous les Grands Lacs canadiens. Bien qu’elle soit une puissance industrielle, la ville est également connue pour sa nature puisqu’elle possède 11 zones de conservation distinctes et plus de 100 chutes d’eau.

screenshots of the Hamilton website

Objectifs

En plus d’une mise à jour de Drupal, le site avait besoin d’une refonte pour le rendre plus centré sur l’utilisateur et plus facile à naviguer. Le client souhaitait également un nouveau design, digne d’une ville à la fine pointe de la technologie. Les objectifs spécifiques du projet étaient les suivants :

  • Migration de Drupal 7 à Drupal 9 ;
  • Conception épurée et inclusive qui engage les utilisateurs et les incite à revenir ;
  • Cadre Drupal simple et flexible que le client pourra mettre à jour et gérer seul au fil du temps ;
  • Site moderne et accrocheur, qui s’adresse aussi à une population plus âgée ;
  • Expérience de recherche personnalisée pour permettre aux utilisateurs de trouver rapidement le contenu désiré ;
  • Nouveau design de calendrier avec des filtres avancés pour mieux organiser et promouvoir les nouvelles et les événements de la ville ;
  • Configuration adaptée au référencement pour garantir la visibilité sur les moteurs de recherche ;
  • Photos attrayantes qui offrent de nouvelles perceptions de la ville ;
  • Section du registre des lobbyistes séparée du site principal.
  • Conformité avec les normes d’accessibilité WCAG AA
  • Transfert de l’hébergement sur site vers un environnement d’hébergement basé sur nuage Pantheon.
screenshots of the Hamilton webpage

Défis

Dès le départ, le client a identifié la faiblesse des capacités de recherche comme un problème majeur. Le site Web de la ville de Hamilton est volumineux et contient des milliers de pages et plusieurs sites annexés. L’absence de structure SEO appropriée a entraîné des résultats de recherche incohérents, et les utilisateurs ont généralement recours à Google pour trouver le contenu du site. 

La ville souhaitait un site fonctionnant davantage comme une bibliothèque, capable de filtrer une vaste mer de contenu pour fournir aux utilisateurs exactement ce qu’ils recherchent. Il s’agissait d’un défi compte tenu du large éventail de systèmes à intégrer. Plusieurs sections du site étaient des services tiers. Le client souhaitait également que plusieurs sites non Drupal apparaissent dans les résultats de recherche. Certains d’entre eux disposaient d’une API, tandis que d’autres étaient de simples sites WordPress.

La création d’une liste consolidée des composants Web a constitué un autre défi majeur en raison du nombre élevé de pages et de leurs besoins spécifiques en termes de fonctionnalités. Nous avons beaucoup réfléchi à la conception d’un ensemble de composants qui s’adapteraient à différents types de contenu. 

En raison de l’importance du plan du site, il a également fallu beaucoup de travail pour identifier les problèmes fondamentaux qui nécessitaient une refonte de l’interface utilisateur et de l’interface graphique.

A screenshot of the Hamilton website

Solutions

Nous avons commencé le processus d’amélioration du gigantesque site Web de la ville de Hamilton en faisant le plan du site existant. Celui-ci comprenait des milliers de pages, qui devaient toutes être indexées. Nous avons organisé une série d’ateliers avec le client pour lancer la phase de découverte UX, refaire le plan du site et réorganiser le contenu. Notre équipe a collaboré étroitement avec le personnel informatique de la ville de Hamilton pour intégrer la multitude de pages et de sites fonctionnant sur différentes plateformes. Nous avons proposé des solutions suivantes :

  • Un site plus facile à maintenir pour le client grâce à :
    • Un accès à Drupal Layout Builder pour que les créateurs de contenu puissent voir à quoi ressemblera la mise en page de leur contenu ;
    • Une vaste bibliothèque de ressources donne au client une plus grande flexibilité et un meilleur contrôle lors de l’extension et de la maintenance du site ;
    • Un sondage de type « ces informations ont-elles été utiles ? » pour solliciter l’avis des utilisateurs et apporter des améliorations au besoin ;
    • Le transfert de l’hébergement sur site vers l’hébergement basé sur nuage de Pantheon.
  • Faciliter la navigation des utilisateurs grâce à :
    • Un outil de recherche robuste avec de multiples façons de catégoriser et de filtrer l’information ;
    • Une grande bannière d’images et une invitation à « explorer Hamilton » qui dirige les utilisateurs vers une barre de recherche simple ;
    • La division du contenu en cinq domaines clés et l’attribution à chacun d’une couleur de marque unique pour créer une différenciation visuelle ;
    • Des icônes pertinentes qui aident les lecteurs à naviguer plus facilement entre les sections ;
    • Une barre latérale de navigation compacte, consolidée par section, qui garantit que les utilisateurs ne sont pas submergés par le choix ;
    • Une utilisation intensive d’aide à la navigation (fils d’Ariane) pour aider les utilisateurs à s’orienter ;
    • Une section « je veux » qui conduit les utilisateurs vers des appels à l’action populaires.
the contact us page of the Hamilton website

Résultats

La création du nouveau site Web de la ville de Hamilton fut un projet d’envergure. Cependant, nous avons réussi à livrer un produit final fonctionnel et visuellement attrayant qui améliorera la vie des habitants de Hamilton pour les années à venir. Le site Web remanié apporte un vent de fraîcheur pour la ville avec son design tourné vers l’avenir qui respire l’optimisme et l’esprit de communauté. De plus, le nouveau site représente une amélioration majeure par rapport à l’ancien sur le plan de la fonctionnalité de recherche et de la navigation. Les utilisateurs ont désormais beaucoup plus de facilité à trouver ce qu’ils cherchent et à s’orienter sur le site. 

Beaucoup d’efforts ont été déployés en matière d’accessibilité, notamment en ce qui concerne les contrastes de couleurs et les textes en gros caractères qui sont mieux adaptés à une population plus âgée. Le nouveau site est conforme à la norme WCAG 2.0 AA. La plateforme est également adaptée aux téléphones intelligents et orientée vers les médias sociaux. En outre, elle est plus facile à développer et à entretenir pour le client grâce à Layout Builder (une fonctionnalité standard de Drupal 9) et à la compatibilité avec Google Analytics 4.

screenshots of the Hamilton mobile website