Refonte d’un site d’une agence de notation

TL;DR

Direction de la refonte complète d’un site web B2B de l’agence de notation financière et extra-financière : recherche (tri par cartes, tests SUS), ateliers avec les parties prenantes, création d’un design system et gestion du partenaire de développement.

Aperçu

Le site historique d’EthiFinance souffrait d’une mauvaise utilisabilité, de goulots d’étranglement en termes de maintenance et d’un désalignement avec les valeurs de la marque.

En tant que Lead Product Designer & Chef de Projet, j’ai mené la refonte de bout en bout – de la recherche à la livraison – en créant une plateforme évolutive et centrée sur l’utilisateur.

Mon Rôle & Impact dans la refonte du site

Découverte & Recherche

• Réalisation d’une enquête à l’échelle de l’entreprise (n=45) pour identifier les points de friction du site actuel
• Réalisation de tests d’utilisabilité comparatifs (benchmarking SUS) face à 4 concurrents
• Direction d’une étude de tri par cartes via Maze pour restructurer l’architecture d’information du site

Alignement des Parties Prenantes & Gestion des Prestataires

• Animation d’un atelier d’Inception avec le comité de direction pour définir le périmètre et les indicateurs de succès
• Direction du processus de sélection d’agence, négociation des budgets et rédaction des spécifications techniques
• Point de contact unique entre les équipes internes et le partenaire de développement

Design & Prototypage

• Conception des wireframes complets et prototypes haute-fidélité sur Figma
• Création d’un Design System complet (plus de 100 composants réutilisables) pour garantir la cohérence du handoff design-dev

Contenu

• Rédaction d’un guide complet d’optimisation de la rédaction de contenu web pour les équipes expertes dans leur domaine mais nouvelles dans la rédaction web : longueur du contenu, mots-clés, maillage interne, structure du texte, etc.
• Coordination du travail éditorial des différentes équipes internes

Implémentation Technique

• Sélection de WordPress comme CMS pour sa flexibilité et l’autonomie des éditeurs non-techniques
• Identification de la seule Agence WordPress certifiée française : spécifications, gestion de projet, SPOC
• Définition des exigences d’intégration pour l’automation marketing
• Collaboration avec les développeurs pour garantir une implémentation parfaite du design & des fonctionnalités et la conformité en accessibilité (WCAG 2.1 AA)

Impact Mesuré & Attendu

• +34 % d’amélioration de la trouvabilité du contenu grâce à une navigation et un maillage interne améliorés (validé via tri par cartes)
• -50 % de temps de gestion du contenu (projeté, grâce aux blocs de design modulaires & autonomie des éditeurs vis-à-vis du dev)
• Score SUS cible : 78 (vs. 52 sur le site historique, basé sur les benchmarks concurrents)
• 122 composants réutilisables dans le design system pour des itérations futures évolutives & autres plateformes digitales

Résultat

Site web lancé avec succès avec un design system validé atteignant les améliorations UX projetées.

La maintenance continue par les équipes internes réorganisées a conduit à des interprétations évolutives des fonctionnalité et de la charte graphique de la marque et du site web.

Le lancement initial a démontré l’efficacité du design system ; la documentation complète a été archivée pour de futurs projets.