Toutes les réalisations

Étude de cas · Refonte complète

Institut Français de PNL

Refondre de bout en bout le site d'un institut de formation de référence : remettre l'image au niveau de l'expertise, et reconstruire un parcours lisible pour une audience de professionnels exigeants.

Aperçu de la page d'accueil refondue de l'IFPNL

Client

IFPNLInstitut Français de Programmation Neuro-Linguistique

Prestations

Refonte globaleUI Design · SEO technique · Automatisation

Stack

WebflowClient-First · Make + Dendreo

Année

2026Conception en binôme

Un institut de référence pour les professionnels de l'accompagnement

L'IFPNL est un organisme de formation spécialisé en Programmation Neuro-Linguistique, destiné aux professionnels de l'accompagnement : coachs, thérapeutes, formateurs, consultants et professionnels RH qui souhaitent enrichir leur pratique avec un cadre méthodologique reconnu.

L'institut s'appuie sur trois piliers : un catalogue de formations certifiantes organisé en sessions tout au long de l'année, une équipe pédagogique expérimentée et reconnue dans le champ de la PNL, et un ancrage historique dans la formation des praticiens, avec des contenus mis à jour régulièrement.

Le projet consistait à refondre intégralement le site existant : repenser l'arborescence, redessiner l'interface sous Figma, redévelopper le site sous Webflow et remettre à plat la base technique côté SEO.

Un site qui ne tenait plus la promesse de l'institut

Le site précédent avait pris de l'âge. Le design ne reflétait plus le niveau d'exigence de l'institut, ni la qualité de son offre pédagogique. Pour une audience de professionnels qui jugent un institut à la rigueur de ses signaux dès les premières secondes, l'image envoyée n'était plus à la hauteur.

Au-delà de l'aspect visuel, deux problèmes structurels s'étaient installés au fil des années :

  • Une arborescence devenue illisible. Sept entrées de premier niveau au menu principal, dont un dropdown « IFPNL » qui ouvrait à lui seul sur six sous-pages. Le visiteur peinait à se repérer.
  • Une logique interne plutôt qu'utilisateur. La structure du site reflétait l'organigramme de l'institut, pas les attentes réelles de ses visiteurs.
  • Un capital SEO à préserver. Plusieurs années de contenus, d'URLs et de positions à ne pas casser pendant la refonte.

Menu principal avant/après

Menu formations — après refonte
Menu formations — avant
Avant Après

La problématique était donc double : moderniser l'image de marque pour la remettre au niveau de l'expertise pédagogique, et reconstruire un parcours utilisateur lisible, hiérarchisé, orienté vers la prise de décision.

« Un professionnel qui envisage une certification doit percevoir le sérieux de l'institut dès les premières secondes. »

Le constat de départ

Remettre le site au niveau de l'expertise pédagogique

L'enjeu principal était de rétablir la cohérence entre le positionnement de l'institut et son site internet. Un professionnel qui envisage une certification en PNL doit immédiatement percevoir le sérieux, la structure et la solidité pédagogique de l'institut.

La mission couvrait toute la chaîne

  • Architecture de l'information • refonte de l'arborescence et des parcours.
  • UI Design • direction artistique et maquettes sous Figma.
  • Développement Webflow • intégration en Client-First (Finsweet).
  • SEO technique • préservation du capital existant et mise à niveau de la base.

Les objectifs

  • Moderniser l'identité visuelle pour refléter le niveau de l'institut.
  • Simplifier l'arborescence et fluidifier la navigation.
  • Valoriser le catalogue de formations et faciliter l'accès aux sessions.
  • Préserver le capital SEO acquis par le site historique.
  • Automatiser la mise à jour du catalogue pour décharger l'équipe.

Simplifier, redessiner, reconstruire

Conception · design & développement

Étape 1. Audit et architecture de l'information

Le premier chantier a été celui de l'architecture. Nous avons audité l'ensemble des pages existantes, regroupé les contenus redondants, supprimé les pages devenues inutiles et reclassé l'offre selon la logique d'usage du visiteur plutôt que selon la logique interne de l'institut.

  • Le menu principal est passé de 7 à 4 entrées de premier niveau.
  • Le dropdown historique « IFPNL », qui ouvrait sur 6 pages, a été refondu en une rubrique « À propos » recentrée sur 4 liens essentiels.
  • Les contenus secondaires ont été réintégrés dans les pages principales lorsqu'ils étaient pertinents, et écartés sinon.

Cette compression n'est pas un appauvrissement, c'est une mise en hiérarchie.

 4

Entrées de premier niveau au menu principal

 4

Liens dans la rubrique « À propos » (ex-dropdown IFPNL)

0

Double saisie : le catalogue se met à jour seul

Étape 2. UI Design sous Figma

Le travail d'interface s'est concentré sur la lisibilité et la posture. Typographie soignée, mises en page aérées, hiérarchie visuelle nette, traitement éditorial des blocs : l'interface devait inspirer confiance sans tomber dans le démonstratif. Le design a été pensé pour servir le contenu, pas pour le concurrencer.

Maquette Figma — fiche formation
Maquette Figma — page session

Étape 3. Développement Webflow en Client-First

Le site a été développé sous Webflow avec la convention de nommage Client-First de Finsweet. Ce choix structurel garantit la maintenabilité du site sur le long terme, la cohérence des styles d'une page à l'autre, et la rapidité des évolutions futures côté client.

WebflowClient-FirstFinsweetCMS CollectionsFigma

Plusieurs collections CMS ont été modélisées

  • Le catalogue de formations et ses sessions, alimenté automatiquement.
  • Le blog, avec rapatriement complet des articles de l'ancien site.
  • L'équipe pédagogique, pour donner un visage à l'institut et renforcer la légitimité perçue.
  • La FAQ, structurée pour répondre aux questions récurrentes et soulager le service commercial.

Étape 4. Automatisation du catalogue (Make + Dendreo)

Point central du dispositif : une intégration Make connectée à Dendreo, l'outil de gestion utilisé en interne. L'équipe pédagogique met à jour les sessions dans son outil métier, et le site se met à jour automatiquement.

Conséquence directe : plus de double saisie, plus d'écart possible entre le catalogue affiché et la réalité opérationnelle, plus de dépendance technique pour publier une nouvelle session.

Automatisation de la mise à jour des sessions

Schéma du flux d'automatisation Dendreo → Make → Webflow CMS
SEO technique

Moderniser sans casser ce qui fonctionne déjà

La refonte d'un site historique demande une attention particulière côté SEO. Le travail a porté sur quatre axes complémentaires :

  • Refonte complète des URLs, alignée sur la nouvelle arborescence et pensée pour rester stable dans le temps.
  • Plan de redirections 301 depuis l'ancien site, pour préserver le capital acquis et éviter toute perte de positionnement pendant la transition.
  • Réécriture des balises meta (title et description) page par page, pour clarifier la promesse dans les résultats de recherche.
  • Intégration des schemas appropriés (formations, organisation), pour aider les moteurs à mieux comprendre le contenu.

Un site clair, structuré, aligné avec le positionnement

La solution livrée est un site refondu de bout en bout : plus clair, plus net, plus aligné avec l'exigence de l'institut.

  • Une arborescence resserrée qui donne un parcours simple : comprendre qui est l'IFPNL, parcourir les formations, identifier une session, entrer en contact.
  • Une interface sobre et structurée, qui installe une perception de sérieux sans surjouer la séduction visuelle.
  • Un backoffice Webflow couplé à l'automatisation Make / Dendreo, qui permet à l'équipe de garder la main sans dépendre d'un développeur.
  • Une base SEO saine, qui préserve l'historique tout en posant un socle propre pour la croissance organique à venir.

Le contenu vit, les sessions se renouvellent, le site suit.

Aperçu du catalogue de formations et sessions

Une présence digitale enfin à la hauteur de l'expertise

Le nouveau site donne à l'IFPNL une présence digitale cohérente avec le niveau de l'institut et avec les attentes de sa cible : des professionnels qui valorisent la rigueur, la structure et la qualité.

  • Une lecture clarifiée du site grâce à la nouvelle arborescence, avec des parcours raccourcis vers les formations.
  • Une promesse immédiate côté visiteur, qui sait où aller et pourquoi dès l'arrivée.
  • Un temps d'équipe libéré, grâce à l'automatisation du catalogue qui supprime la double saisie.
  • Un socle SEO sain, qui préserve l'historique et constitue une base solide pour la suite.

Avant d'ajouter, il faut souvent enlever. Une bonne refonte ne consiste pas à empiler, mais à remettre de l'ordre, du sens et de la clarté.

Notre approche · ce travail d'horloger qui distingue un site refait d'un site refondu

Charlotte Ferron
Constance Philippon

Le mot du client

« Notre site commençait à dater et on voulait quelque chose de plus actuel, mais sans les compétences techniques en interne pour s'en occuper nous-mêmes.

Dès les premiers échanges, le feeling est bien passé. La communication a été top tout au long du projet, avec de bons conseils et des explications claires sur les aspects techniques.

Le résultat parle de lui-même : plusieurs apprenants et formateurs nous ont fait des retours positifs sur le nouveau site qu'ils trouvent plus moderne et épuré. Nous sommes ravies du résultat ! »

Charlotte Ferron & Constance Philippon
IFPNL

Projet suivant

DBS Experience

Voir l'étude de cas