Refonte du site web de la Ville de Genève

Smile accompagne la Ville de Genève dans la refonte et la modernisation de son site de référence pour ses citoyens et ses touristes.

Contexte du projet

La Ville de Genève a mis en ligne une version de son site Internet avec le CMS TYPO3 4.7.4 en avril 2010.
Cette version de TYPO3 n’étant plus supportée, une migration vers une version plus récente ou vers un nouvel outil de gestion de contenu est apparue comme inéluctable.
Dans le même temps, une étude d’ergonomie du site Internet a été menée en 2014 qui recommande une nouvelle version graphique du site Internet. Cette nouvelle version remet en cause l’organisation, la structure et la mise en scène des contenus ainsi que leurs modalités d’administration.
Le déploiement de cette nouvelle version graphique précipite la migration du CMS afin qu’au-delà des aspects strictement techniques (rationalisation et maintenance des versions), il soit adapté aux nouveaux besoins de la Ville de Genève.
Début 2016, la Ville de Genève a mené une étude d’opportunité pour évaluer le périmètre de cette migration tant sur un plan technologique qu’économique et calendaire.
Sur la base des recommandations de cette étude d’opportunité, la Ville de Genève a acté un choix de migration pour un Back-Office réalisé avec le CMS Drupal 8 en architecture headless et un Front-End réalisé avec le framework AngularJS.

Fonctionnalités principales

Une plateforme moderne qui regroupe et fournit toutes les informations utiles à ses administrés pour leur faciliter notamment l’accès aux démarches citoyennes, leur diffuser les actualités, mieux les impliquer dans la vie de quartier et les aiguiller dans l’accès aux diverses installations de la ville. L’attractivité de cette destination est également illustrée par cette plateforme disponible en 4 langues que ce soit par le biais d’un agenda regroupant les évenements phares de la ville ainsi que grâce à une section « que faire à Genève » qui propose une sélection d’idées de sorties et d’activités pour profiter pleinement de Genève et de ses multiples opportunités.

Objectifs

Le but de ce projet a été de refondre un site à fort traffic, multi-lingues, à accessibilité AA et proposant une large palette de contenus provenant de différentes sources, à travers une interface ergonomique et intuitive. La simplicité de contribution par les administrateurs du site était un élément essentiel, afin de permettre une mise à jour fréquente : les utilisateurs finaux doivent ressentir le dynamisme de la ville à travers le site.

Méthodologie du projet

Ce projet a été géré conjointement par Smile Suisse et s’est articulé autour des axes suivants :

  • l’intégration et le paramétrage du CMS Drupal 8 en mode headless
  • la reprise des données du site actuel
  • la rédaction de la documentation de la solution
  • la formation des administrateurs, des contributeurs, ainsi que des équipes de développement et d’exploitation de la Ville
  • le support à la Ville de Genève lors du déploiement du site en production

Technologies utilisées

Le projet s’appuyait sur le CMS Drupal 8 (mis à jour depuis vers Drupal 9) et le framework AngularJS.
La refonte du site a permis une simplification extrême de l’architecture technique.
Les cartes Google de la version précédente ont été remplacées par des cartes provenant du serveur géographique ArcGIS de la Ville de Genève.
Le site se devait d’être accessible sur ordinateurs, tablettes et téléphones, tout en couvrant un large spectre de navigateurs webs.
Le respect des normes avancées en matière d’accessibilité était également un aspect essentiel de ce projet.

Résultats

Les objectifs sont pleinement atteints : la Ville de Genève a désormais à sa disposition une plateforme stable, sécurisée, dynamique, capable de délivrer en plusieurs langues des données de références et des actualités, des informations aux visiteurs.
L’accessibilité et le temps de réponse étaient des critères essentiels dans la mesure de la réussite de ce projet.

Nos technologies liées à cette référence

Drupal

Drupal

Simple, ergonomique, extensible. Drupal est au top !

En savoir plus

Études de cas