CEDRE : refonte complète du site web

Le principal enjeu n'était pas esthétique.

Le CMS historique n'était plus maintenu, ce qui représentait un risque pour la sécurité du site et sa capacité à rester disponible lors d'un afflux massif de connexions. Or, en cas de pollution majeure, le site constitue l'un des principaux points d'accès à l'information du CEDRE.

À cette contrainte technique s'ajoutaient plusieurs défis de conception :

• clarifier une offre devenue beaucoup plus riche depuis la précédente version du site ;
• rendre accessibles des contenus techniques à des utilisateurs qui ne maîtrisent pas le vocabulaire scientifique ;
• intégrer de nouvelles expertises jusque-là absentes du site, comme les déchets aquatiques ou les nouvelles énergies de propulsion ;
• conserver un ensemble de services déjà bien installés : recherche, e-learning, formulaires, bases de données spécialisées, contenus bilingues et analytics.

L'enjeu était donc de concevoir une expérience capable d'accompagner les évolutions du CEDRE sans complexifier la navigation.

J'ai accompagné le projet de la conception des interfaces jusqu'à la mise en production du site internet.

Les premiers wireframes avaient été réalisés lors de la phase d'UX design. Mon travail a consisté ici à les challenger, puis à concevoir les maquettes haute-fidélité, adapter la nouvelle identité graphique au web et itérer selon les retours client.

J'ai également assuré le suivi du développement, les phases de recette et les ajustements nécessaires jusqu'à la livraison.

Cette collaboration en lien direct avec l'équipe information & communication du CEDRE a permis de faire évoluer progressivement les interfaces, en conciliant les besoins métier, les contraintes techniques et les retours utilisateurs.

L'un des principaux défis de la refonte du site résidait dans la diversité des utilisateurs.

Le CEDRE s'adresse aussi bien aux collectivités, aux administrations, aux industriels, aux chercheurs, aux journalistes qu'aux candidats ou au grand public. Beaucoup sont proches du domaine, mais sans culture scientifique approfondie. Les interlocuteurs des administrations changent régulièrement de poste et découvrent parfois le CEDRE au moment où ils ont besoin d'une information précise.

Cette diversité d'usages a guidé plusieurs choix de conception :

• simplifier les intitulés de navigation ;
• rendre les parcours plus explicites ;
• améliorer la hiérarchie des informations ;
• concevoir une expérience cohérente et accessible aussi bien sur desktop que sur mobile.

L'objectif était que chaque utilisateur puisse identifier rapidement la porte d'entrée correspondant à son besoin, sans avoir à comprendre l'organisation interne du CEDRE.

Cette diversité de profils se double d'une diversité de contextes de consultation : un chercheur consulte la documentation depuis son poste de travail, quand un opérationnel mobilisé sur une pollution ou un journaliste en déplacement cherchent la même information depuis leur téléphone.

J'ai donc conçu cette refonte en intégrant dès le départ les contraintes du mobile : navigation, tableaux, fiches et filtres restent clairs et pleinement fonctionnels, quelle que soit la taille de l'écran.

En parallèle de la refonte web, le CEDRE renouvelait son identité visuelle avec une agence de communication. Cette charte avait été conçue avant tout pour des supports de communication print.

Mon rôle a consisté à traduire cette identité en une expérience numérique cohérente.

À partir des codes graphiques définis par l'agence, j'ai conçu l'identité web du projet en développant un système d'interface (UI) adapté aux usages numériques : grilles responsives, composants, hiérarchie typographique, styles de boutons, formulaires, cartes, navigation et modèles de pages.

L'objectif n'était pas de reproduire la charte graphique, mais de construire un langage d'interface capable de respecter l'identité de la marque tout en répondant aux contraintes du web : lisibilité, responsive, cohérence entre les pages et évolutivité.

Ce travail a permis de poser les fondations visuelles du site et d'assurer une cohérence sur l'ensemble des parcours, quelles que soient les fonctionnalités ou les types de contenus.

Deux chantiers ont concentré l'essentiel du travail d'ergonomie : la base de données « Moyens de lutte » et la carte interactive des accidents de pollution. Toutes deux donnent accès à des données précieuses pour les opérationnels, mais difficiles à parcourir dans leur version d'origine. L'enjeu : fluidifier leur exploration sans appauvrir le contenu ni surcharger l'interface.

La base de données « Moyens de lutte » répertorie les matériels spécialisés utilisés contre les pollutions accidentelles. L'objectif était de permettre aux utilisateurs d'identifier rapidement un équipement adapté, parfois dans l'urgence. J'ai travaillé sur la lisibilité des résultats, l'organisation des fiches et le passage entre recherche et consultation, afin de faciliter la comparaison sans perdre le fil.

La carte interactive des accidents de pollution posait un autre défi : articuler une vue d'ensemble géographique avec le détail de chaque accident, sans encombrer la carte. J'ai retravaillé la hiérarchie des informations et les interactions entre la carte et les fiches pour rendre le passage de l'une à l'autre plus fluide.

Cette refonte web est aujourd'hui en ligne sur cedre.fr.

Ce projet m'a rappelé qu'une refonte ne consiste pas uniquement à moderniser une interface. Concevoir pour le CEDRE, c'était rendre plus accessible une expertise technique sans en simplifier le contenu, tout en imaginant une expérience capable d'évoluer avec les missions de l'organisation.

Les écrans les plus exigeants n'ont d'ailleurs pas été les plus spectaculaires : ce sont les interfaces de consultation de données, où la qualité perçue tient moins à l'esthétique qu'à la structure - ce que l'on montre d'emblée, dans quel ordre, et ce que l'on garde à portée de clic.

Il m'a aussi appris à composer avec un cadre institutionnel exigeant. Les contraintes étaient nombreuses et les décisions se prenaient collectivement, à plusieurs niveaux de validation : chaque arbitrage demandait du temps. Plutôt que de subir ces délais, j'ai appris à documenter mes partis pris et à préparer les points de décision en amont, pour que les échanges portent sur le fond et non sur la compréhension des maquettes.

Il m'a également permis de renforcer une pratique que j'apprécie particulièrement : accompagner un projet jusqu'à sa concrétisation, en faisant le lien entre les attentes du client, les contraintes du développement et les exigences de l'expérience utilisateur.