Création d'un nouveau site pour l'association des PEP18

Répondre aux nouveaux enjeux de visibilité, lisibilité et d’accessibilité

Les PEP18

L’ancien site des PEP18 ne reflétait plus la richesse ni la diversité des activités de l’association, rendant difficile la compréhension de son offre globale pour les familles, partenaires et professionnels. Son ergonomie vieillissante, son arborescence complexe et son manque d’optimisation pour le référencement naturel limitaient fortement son impact en termes de visibilité, d’engagement et de recrutement.

La refonte du site Les PEP18 a consisté à concevoir une plateforme claire, moderne et accessible, capable de valoriser les multiples pôles et établissements de l’association tout en répondant aux attentes de ses publics variés. Grâce à un CMS robuste, une arborescence optimisée, des fonctionnalités avancées (moteur de recherche, carte interactive, formulaires, etc.) et un soin particulier porté à l’UX et au SEO, le nouveau site renforce efficacement la mission sociale et territoriale de l'association Les PEP18.

Concevoir une plateforme claire, moderne et accessible

Client

Les PEP18 est une Association Loi 1901 créée le 28 juin 1935 à Bourges, elle est regroupée, avec les 96 autres associations départementales au sein de la Fédération Nationale des Pupilles de l’Enseignement Public, créée en 1917 et reconnue d’utilité publique dès 1919.

L’association des PEP18 regroupe 6 pôles, 20 établissements, 6 dispositifs et 3 services dans le département du Cher. Association laïque, entreprise de l’économie sociale et solidaire, elle a pour but d’accomplir sa mission de service public en apportant dans une démarche globale, des réponses adaptées aux besoins évolutifs d’enfants et d’adultes fragilisés par la vie, d’élèves et de jeunes dans le domaine de l’éducation et des loisirs.

L’association emploie 650 salariés au service de plus de 2450 personnes de tous âges, dont ​​230 adhérents enfants et adultes, est représentée par 21 administrateurs bénévoles et elle est le 1er employeur associatif du Cher.

Objectifs

La refonte du site web des PEP18 avait pour ambition de répondre aux nouveaux enjeux de visibilité, de lisibilité de l’offre de services, et d’accessibilité pour l’ensemble des publics ciblés : familles, salariés, entreprises partenaires, administrateurs et candidats. Les objectifs de ce projet étaient :

  • Donner une image modernisée, cohérente et professionnelle de l’association
  • Clarifier la présentation des 20 établissements, dispositifs et services proposés
  • Rendre le site accessible à tous (normes RGAA) et totalement responsive
  • Améliorer l’expérience utilisateur grâce à des parcours fluides et bien structurés
  • Optimiser le référencement naturel sans perte de jus SEO
  • Augmenter les demandes de contact, candidatures et adhésions en ligne
  • Créer une interface de gestion simple et flexible pour les équipes internes
  • Faciliter la découverte des formations et dispositifs d’accompagnement
  • Valoriser les engagements sociaux, éthiques et territoriaux des PEP18
Les fiches formations disponibles sur le nouveau site web des PEP18
Le nouveau site des PEP18 responsive

Identité & image de marque

L’un des enjeux fondamentaux de cette refonte était de redonner une cohérence graphique et éditoriale à l’ensemble du site afin de mieux refléter les valeurs et les missions des PEP18. À travers une direction artistique modernisée, un discours clair et une hiérarchisation des contenus plus lisible, le nouveau site contribue à renforcer la crédibilité et la notoriété locale de l’association. L’univers visuel affirme l’identité des PEP18 tout en restant accessible et institutionnel.

Expérience utilisateur (UX) & accessibilité

La diversité des publics ciblés (familles, salariés, entreprises, partenaires, administrateurs) imposait une attention particulière à l’ergonomie et à l’accessibilité. La navigation a été repensée pour être intuitive, avec des parcours clairs, des menus hiérarchisés et une mise en page aérée. L’ensemble du site a été développé dans le respect des normes RGAA afin de garantir une accessibilité optimale à tous, y compris aux personnes en situation de handicap. Les PEP18 ont fait confiance à notre partenaire Eye-Able, qui offre à la fois un suivi régulier des performances en matière d’accessibilité (amélioration du contenu du site) et un outil d'affichage performant permettant d’adapter la mise en page aux besoins des personnes malvoyantes (amélioration de la forme du site).

Architecture de l'information [&] contenus

L’ancienne arborescence a été totalement réorganisée afin de refléter la richesse des services proposés tout en simplifiant l’accès à l’information. Des gabarits variés et adaptables permettent d’intégrer textes, fiches établissements, formations, actualités, glossaire ou revue de presse. Les pages bénéficient également de bandeaux de réassurance et de call-to-actions stratégiques pour renforcer l'engagement des visiteurs.

Le module offre d'emplois du site des PEP18

Fonctionnalités avancées & modularité

Le nouveau site des PEP18 a été conçu comme un véritable outil digital polyvalent, adapté à la diversité des publics et aux besoins opérationnels des équipes internes. Il intègre un ensemble de fonctionnalités riches, pensées pour optimiser l’expérience utilisateur, fluidifier la navigation et simplifier la gestion au quotidien.

Côté front-office :

  • Moteur de recherche multi-critères pour un accès rapide aux établissements, formations, métiers ou actualités ;

  • Carte interactive des établissements pour géolocaliser facilement les structures du réseau PEP18 ;

  • Fiches dynamiques pour les formations, les établissements, les offres d’emploi… avec un design clair et hiérarchisé ;

  • Candidatures en ligne & formulaires de préinscription avec parcours optimisés pour faciliter la prise de contact ;

  • Blog actualités filtrable par thématiques pour suivre les grands projets de l’association ;

  • Glossaire interactif : chaque acronyme ou terme métier dispose de sa fiche dédiée. Une infobulle contextuelle s’affiche automatiquement au survol de ces mots dans tout le site, à la manière de Wikipédia, afin d’offrir une compréhension immédiate sans interrompre la lecture.

Fonctionnalités spécifiques :

  • Landing pages personnalisées : possibilité de créer des pages indépendantes graphiquement pour mettre en avant un dispositif, un événement ou un établissement, avec des contenus et visuels sur mesure ;

  • Revue de presse organisée par année, avec un système d’archivage automatique pour conserver une trace historique des retombées médiatiques ;

  • Module de gestion des offres d’emploi avec fiches attractives, routage des candidatures vers les interlocuteurs en charge selon les établissements concernés, et une interface optimisée pour candidater simplement.

Côté back-office :

  • CMS Contao entièrement personnalisé, offrant une interface de gestion intuitive pour :

    • Créer et éditer facilement les contenus (pages, fiches, bandeaux, articles, etc.)

    • Gérer les entités clés : établissements, métiers, formations, offres d’emploi…

    • Paramétrer les formulaires avancés, incluant :

      • Affichage conditionnel des champs selon les choix de l’internaute ;

      • Pré-remplissage automatique pour fluidifier la complétion ;

      • Routage intelligent des messages vers les bons destinataires selon le formulaire ou l’établissement sélectionné.

Référencement naturel du site PEP18

Référencement naturel & SEO technique

Un soin particulier a été porté au SEO, avec le maintien du jus de référencement de l’ancien site, la réécriture des URLs, l’optimisation des balises méta et titres, et l’intégration d’un balisage sémantique (Hn, alt, etc.). Le site est conçu pour favoriser le maillage interne et accélérer l’indexation des contenus. Un sitemap dynamique et une gestion fine des redirections ont été mis en place pour maximiser la performance sur les moteurs de recherche.

Google Analytics 4 et Google Tag Manager

Suivi, performance & analyse des données

Pour garantir un pilotage efficace du site dans le temps, l’intégration de Google Analytics 4 et Google Tag Manager permet un suivi précis de l’audience, des conversions et des actions réalisées sur le site. Les boutons de formulaires, les CTA stratégiques et les parcours utilisateurs sont tous traqués, offrant une vision claire des points de friction et des leviers à activer pour améliorer continuellement la performance digitale.

La cliente nous a également accordé sa confiance pour la mise en place d’un tableau de bord Looker Studio. Cet outil centralise et visualise en temps réel les données clés du site, facilitant la prise de décision et le suivi des performances dans la durée grâce à des indicateurs clairs, partagés et personnalisés.

Regarder des projets c'est bien. Parler du vôtre c'est mieux !
Loading…
Loading the web debug toolbar…
Attempt #