Refonte UX-UI & SEO

Un diagnostic partagé dès le départ

Avant de concevoir quoi que ce soit, Wolfox a commencé par écouter et observer. Un atelier de cadrage réunissant les équipes PLB et Wolfox a permis de formaliser les enjeux, d'aligner les priorités et de poser les bases d'une collaboration transparente.

L'audit UX-UI du site existant a confirmé plusieurs signaux préoccupants : une navigation touffue et parfois répétitive, des pages formation riches mais peu hiérarchisées, un tunnel de conversion trop plat réduit à un simple formulaire, et une gestion technique qui freinait toute évolution. À cela s'ajoutait une image institutionnelle forte, mais datée et une iconographie de banque d'images qui ne reflétait plus l'ambition de PLB.

‍

Phase 1 - Recherche UX : comprendre avant de concevoir

La phase de recherche UX a structuré toute la suite du projet. Wolfox a mené un benchmark approfondi des concurrents directs (Orsys, Cegos, IB Formations, M2i) et indirects (OpenClassrooms, Le Wagon), pour identifier les bonnes pratiques du secteur et les opportunités de différenciation pour PLB.

Trois personas ont été définis et approfondis : le responsable RH / responsable formation (décisionnaire, sensible aux dates de maintien et aux conditions de financement), le stagiaire / participant (profil technique, 35-40 ans, qui recherche par mots-clés et partage les fiches avec son responsable), et le responsable IT / prescripteur (expert, orienté certifications, qui navigue directement et sait exactement ce qu'il cherche).

Un audit SEO complet a également été réalisé en parallèle, pour cartographier le capital de référencement existant et définir une stratégie de conservation des URLs les plus stratégiques, avec redirections planifiées pour les pages à restructurer.

‍

Phase 2 - Conception UX : une architecture pensée pour la conversion

La conception UX s'est articulée autour de trois livrables majeurs.

L'arborescence optimisée SEO

L'architecture du site a été entièrement repensée pour servir à la fois l'utilisateur et le moteur de recherche. Les 8 filières de formation ont été réorganisées en grandes familles thématiques, plus intuitives pour les visiteurs. Des pages piliers ont été créées pour chaque thématique principale, servant de points d'entrée SEO structurants. Le principe retenu : aucune page ne doit être seule, chaque page propose des CTAs et des contenus connexes pour maintenir l'utilisateur dans le site et réduire le taux de rebond.

Les user flows

Pour chacun des trois personas, Wolfox a cartographié les parcours critiques : trouver une formation par thématique, filtrer par lieu, comparer des formations, demander un devis. Ces flux ont mis en évidence les étapes de friction du site actuel et ont guidé la logique de navigation du nouveau site.

Les wireframes

Dix templates de pages ont été wireframés, couvrant l'ensemble des gabarits nécessaires : homepage, page filière, page formation, page résultats de recherche, page centre régional, formulaire de devis, blog… Chaque wireframe a fait l'objet d'une validation itérative avec les équipes PLB, selon une méthode de co-construction continue.

‍

‍

‍

‍

Phase 3 - Conception UI : modernité, lisibilité, autonomie

La conception UI a démarré par un travail de direction artistique en accord avec la nouvelle charte graphique de PLB. Trois propositions ont été soumises aux équipes, explorant différents registres graphiques. Une direction validée a ensuite été déclinée sur l'ensemble des templates.

Un UI Kit modulaire, pensé pour l'autonomie

Au cœur de la livraison : un UI Kit complet construit en atomic design. Chaque composant — cards de formation, blocs de réassurance, formulaires, filtres de recherche, navigation — a été conçu pour être réutilisable, modulable et intégrable directement dans Strapi. Les équipes peuvent ainsi créer de nouvelles pages de formation par blocs, sans risque de casser la cohérence visuelle.

Des détails UI au service de la conversion

Plusieurs arbitrages UI ont été déterminants pour la performance du site : CTAs repositionnés stratégiquement, catalogue mis en avant dès la homepage avec le mode de participation directement visible, blocs de réassurance chiffrés (taux de maintien des dates, nombre de formateurs, années d'expérience), formulaire de contact intégré sans friction. L'accessibilité a été traitée comme un levier SEO autant qu'une exigence éthique — contrastes, tailles de caractères, structure sémantique H1/H2/H3 pensés dès la conception.

‍

‍

SEO transversal : une stratégie intégrée dès la conception

Le SEO n'a pas été une option ajoutée en fin de projet : il a structuré l'ensemble de la démarche. La structure en H1/H2/H3 a été définie dès les wireframes. Le maillage interne a été pensé pour qu'aucune page stratégique ne soit orpheline. Des FAQs ont été prévues sur toutes les pages importantes. Et pour préserver le capital SEO existant, une stratégie de conservation des URLs historiques et de redirections a été planifiée en coordination avec les équipes techniques de PLB.

‍

Ce que cette mission dit de Wolfox

Ce projet en agence avec PLB Consultant illustre une conviction forte chez Wolfox : le design ne sert à rien s'il n'est pas au service du business. Pas seulement des maquettes qui font joli, mais une vision globale qui réconcilie recherche UX, design UX, UI design et SEO pour livrer un outil pensé pour durer, évoluer, et convertir.

‍