Design UI/UX
Site Internet

Refonte du site internet de la ville de Fontenay-aux-Roses

Transformer le site web de la ville de Fontenay-aux-Roses en un vecteur essentiel communication moderne et dynamique entre la ville et les Fontenaisiens.

Voir le site internet
Durée du projet
5 mois
Secteur d'activité

Secteur public

Cibles

Citoyens

Agents de la mairie

expertises proposées

UX/UI Design - Web Design

Développement CMS

Référencement naturel

Formation

Maintenance préventive, corrective et évolutive

technologies utilisées

Figma

Wordpress, Builder Oxygen

Javascript

PHP

Autres : Elasticsearch, Calendly, Userway

Sommaire

    Présentation du projet

    Introduction

    Située dans les Hauts-de-Seine, en région Île-de-France, la municipalité de Fontenay-aux-Roses s'est lancée dans un projet ambitieux de modernisation de sa présence numérique. Sélectionnés suite à un appel d'offres, nous avons eu l'honneur de participer à cette importante initiative de refonte du site web. Cette étude de cas illustre les différentes étapes du projet, de l'évaluation initiale du site existant à la mise en ligne du nouveau portail, conçu pour répondre aux exigences spécifiques du client et aux standards actuels du secteur.

    Présentation du Client et Contexte

    Fontenay-aux-Roses, comptant environ 25 000 habitants, a entrepris sa transformation digitale afin de renforcer la connexion avec ses résidents et de faciliter l'accès à des informations essentielles. L'appel d'offres émanant de la municipalité visait à réinventer complètement l'expérience en ligne de la ville, répondant ainsi à un besoin pressant de modernisation.

    Brief Client et Attentes

    Le mandat était clair : concevoir un site web sobre, épuré et dynamique qui offre une expérience utilisateur intuitive et accessible à tous. Il était primordial que le nouveau site respecte les normes RGAA pour l'accessibilité ainsi que les principes d'éco-conception, soulignant l'engagement de la ville envers les pratiques responsables et durables.

    Analyse du Produit Actuel/Ancien Site - Problèmes Rencontrés

    Le site précédent incorporait une charte graphique et une identité visuelle fournies par la mairie, basées sur Wordpress et gérées via le CMS open source Typo3.

    Notre première étape a été une analyse détaillée du site existant. Plusieurs problèmes ont été identifiés, notamment un référencement SEO déficient affectant la visibilité en ligne de la municipalité et des incohérences de branding nuisant à l'image de la ville. L'utilisation de Wordpress et du CMS Typo3 posait également des défis en matière de gestion et de flexibilité pour les équipes de la mairie.

    Existant

    Charte graphique et identité visuelle fournies par la mairie

    Site existant construit sur Wordpress avec administration via le CMS open source d’entreprise Typo3

    En abordant ces problématiques, notre équipe a élaboré une stratégie de conception innovante pour répondre aux attentes du client et offrir une solution digitale avant-gardiste pour Fontenay-aux-Roses. La prochaine section de cette étude de cas détaillera la planification et la phase de conception du projet.

    Nous avons proposé une refonte complète du site pour offrir une expérience mobile-first, assurant ainsi une accessibilité optimale sur tous les appareils. En tenant compte de la charte graphique et de l'identité visuelle fournies par la mairie, nous avons créé un design épuré qui facilite la navigation et met en avant les informations essentielles.

    Nous avons proposé un design épuré et moderne, en utilisant les couleurs du logo de la ville - bleu comme couleur dominante avec des touches de jaune - et des couleurs pastels pour les fonds, afin de créer une expérience visuelle agréable et douce pour les yeux. Les formes arrondies ont été choisies pour moderniser le site et le rendre plus convivial.

    En ce qui concerne les fonctionnalités clés qui ont été mises en places, on compte :

    • Les actualités et l’agenda avec filtres pour une information rapide et ciblée.
    • La recherche améliorée avec ElasticSearch, offrant des résultats rapides et pertinents.
    • L’accessibilité et RGAA assurées par des solutions comme Userway, garantissant une expérience inclusive.
    • L’intégration d’outils intégrés comme Calendly pour les rendez-vous, des formulaires en ligne, une cartographie interactive, et un magazine en ligne pour engager la communauté.

    Système de Gestion de Contenu (CMS) :

    Afin de répondre au besoin d'autonomie de la ville dans la gestion de son site, nous avons sélectionné un CMS simple d'utilisation qui permet une administration efficace du contenu sans nécessiter de compétences techniques approfondies. Cette solution offre à la ville la flexibilité nécessaire pour mettre à jour le site en fonction de ses besoins évolutifs.

    Pour surmonter les limitations du CMS existant, nous avons donc opté pour WordPress associé à Oxygen Builder. Ce choix nous a permis de proposer une plateforme :

    • Visuellement intuitive avec un système de page builder en drag & drop, offrant des aperçus en direct des modifications.
    • Performante grâce à un code propre et optimisé, crucial pour le SEO et l'expérience utilisateur sur mobile.
    • Facile à administrer même pour des utilisateurs sans compétences techniques avancées, avec des styles globaux pour une cohérence visuelle à travers tout le site.
    • Personnalisable à l'infini pour répondre aux besoins spécifiques de la ville, avec une bibliothèque de composants réutilisables et des templates de pages.