Une association fusionnée,
une identité digitale unifiée
Site WordPress sur-mesure pour PHAR83, association varoise née en janvier 2021 de la fusion des associations PRESENCE et ARTEAI. Charte graphique refondue (logo, papier à entête, signature e-mail), intégration FALC (Facile à Lire et à Comprendre), accessibilité optimisée et design entièrement sur-mesure pour porter l'identité unifiée de 20 structures d'accueil et 5 pôles de compétences.
- Site vitrine
- WordPress
- Médico-social
En un coup d'œil
- ClientPHAR83
- LieuVar (83)
- TypeSite vitrine
- Année2021
- SecteurMédico-social
- Durée3 mois
- TechnologieWordPress
- Équipe4 personnes
- URLphar83.fr
- Site vitrine
- WordPress
- Médico-social
Le brief et la problématique
PHAR83 est née en janvier 2021 de la fusion des associations PRESENCE et ARTEAI, deux acteurs historiques du médico-social varois. La nouvelle entité regroupe 20 structures d'accueil et 5 pôles de compétences, ce qui en fait un acteur majeur du tissu associatif départemental.
La fusion imposait un chantier identitaire complet : refondre le logo et son système graphique, décliner la charte sur les supports administratifs (papier à entête, signature e-mail), et donner à la nouvelle association une présence digitale à la hauteur de son périmètre. Le site web devait à la fois fédérer les 20 structures sous une bannière commune et rester accessible à un public fragile, dont une partie en situation de handicap cognitif.
L'enjeu transversal : produire un site soigné, contemporain, mais utilisable par un public en situation de handicap, avec un niveau d'accessibilité poussé incluant le FALC (Facile à Lire et à Comprendre).
La problématique
Comment construire une présence digitale unifiée pour une association issue de fusion, qui regroupe 20 structures et 5 pôles, tout en restant pleinement accessible — y compris en FALC — à un public médico-social fragile ?
Objectifs du projet
- Refondre le logo et la charte graphique de la nouvelle entité fusionnée
- Décliner la charte sur les supports administratifs (papier à entête, signature e-mail)
- Construire un site WordPress sur-mesure responsive desktop, tablette et mobile
- Intégrer le FALC (Facile à Lire et à Comprendre) sur les pages clés
- Atteindre un niveau d'accessibilité élevé sur l'ensemble du site
Quatre défis propres à ce projet
Défi 01
Unifier deux héritages associatifs
PRESENCE et ARTEAI ont chacune leur histoire, leur public, leurs équipes. La fusion imposait de créer une identité commune sans renier ces ancrages. Nous avons construit un système graphique qui revendique la nouveauté tout en gardant des passerelles visuelles avec les deux associations d'origine, pour faciliter la transition côté équipes et côté bénéficiaires.
Défi 02
Accessibilité renforcée et FALC
Le public PHAR83 inclut des personnes en situation de handicap cognitif, ce qui impose un niveau d'accessibilité supérieur aux exigences habituelles. Au-delà du respect des bonnes pratiques RGAA (contrastes, navigation clavier, alt textes), nous avons intégré des pages FALC : phrases courtes, vocabulaire simple, pictogrammes, structuration claire.
Défi 03
Présenter 20 structures sans noyer le visiteur
Avec 20 structures d'accueil et 5 pôles de compétences, le risque était d'aboutir à un site labyrinthique. Nous avons modélisé une double entrée — par pôle de compétence pour les professionnels qui orientent, et par type d'accueil pour les familles qui cherchent une place — afin que chaque visiteur trouve l'information utile en moins de trois clics.
Défi 04
Design sur-mesure compatible CMS
L'association souhaitait un site moderne avec animations et design soigné, mais maintenu en interne par des profils non techniques. Le défi a été d'industrialiser un thème WordPress sur-mesure suffisamment souple pour porter ce design sans imposer de connaissance technique côté contributeur, et suffisamment cadré pour que l'identité reste cohérente dans la durée.
La solution mise en place
Charte graphique refondue, site WordPress sur-mesure entièrement responsive, intégration FALC sur les pages clés, accessibilité poussée et SEO travaillé pour un référencement durable.
Axe 01 · Identité visuelle
Refonte du logo et déclinaison charte
Choix typographique, représentations symboliques, palette colorimétrique : le logo PHAR83 a été repensé entièrement pour porter la nouvelle entité. La charte est déclinée sur les supports administratifs (papier à entête, signature e-mail) et sur le site, avec un système de composants réutilisables qui assure la cohérence dans la durée.
Axe 02 · Site WordPress sur-mesure
Thème custom, animations et responsive
Site réalisé entièrement sur-mesure sous WordPress, sans dépendance à un thème pré-fait. Design et animations bâtis spécifiquement pour PHAR83, responsive desktop, tablette et mobile. Le back-office reste familier pour les contributeurs habitués à WordPress, avec des blocs ACF cadrés pour éviter les dérives éditoriales.
Axe 03 · Accessibilité et FALC
Pages FALC et fonctionnalités spécifiques
Les pages clés disposent d'une version FALC (Facile à Lire et à Comprendre) : phrases courtes, vocabulaire simple, pictogrammes, structuration visuelle claire. L'accessibilité technique est renforcée par des fonctionnalités spécifiques (taille de texte ajustable, contrastes vérifiés, navigation clavier complète, alt textes systématiques) qui rendent le site utilisable par un public en situation de handicap.
Axe 04 · SEO et performance
Référencement optimisé sur le maillage local
Optimisation SEO des pages pour un référencement durable sur les requêtes locales et thématiques (médico-social, handicap, Var). Balisage sémantique, métas travaillées, performance mobile soignée et maillage interne entre pôles, structures et actualités pour capter à la fois la longue traîne et les requêtes principales.
Cinq étapes, du brief au lancement
Méthodologie en sprints avec points d'avancement réguliers. Pour PHAR83, 3 mois de travail couvrant la refonte d'identité et le développement du site.
Étape 01
Audit & cadrage
- Rencontre avec la direction PHAR83
- Cartographie des 20 structures et 5 pôles
- Cadrage identité et charte graphique
- Cadrage fonctionnel du site
Étape 02
Identité visuelle
- Refonte du logo (typographie, symboles)
- Charte graphique complète
- Déclinaison papier à entête et signature mail
- Validation direction
Étape 03
Design Figma
- Wireframes mobile-first accessibles
- Maquettes home, pôle, structure, actu
- Pages FALC dédiées
- Animations et micro-interactions
Étape 04
Développement
- Thème WordPress sur-mesure
- Composants ACF cadrés
- Intégration responsive
- Fonctionnalités d'accessibilité
Étape 05
Recette & lancement
- Tests accessibilité et FALC
- Formation administration WordPress
- Mise en production
- Suivi post-lancement
Stack technique du projet
Les briques techniques mobilisées pour faire tourner le projet, choisies pour leur fiabilité et leur maintenabilité.
- CMS
- WordPress
- ACF Pro
- Custom post types
- Thème sur-mesure
- Identité visuelle
- Refonte logo
- Charte graphique
- Papier à entête
- Signature e-mail
- Accessibilité
- FALC
- Contrastes vérifiés
- Navigation clavier
- Taille de texte ajustable
- SEO
- SEO on-page
- Balisage sémantique
- Maillage interne
- Performance mobile
Quelques pages du site réalisé
Extrait du design livré
Les chiffres du projet
Données structurelles · phar83.fr
- 1Logo refonduTypographie et symboles sur-mesure
- 20Structures fédéréesPrésentées sur le site
- 5Pôles de compétencesDouble entrée pôles + structures
- FALCPages accessiblesFacile à Lire et à Comprendre
- 100%ResponsiveDesktop, tablette, mobile
- 2Supports déclinésPapier à entête, signature e-mail
Quatre pôles mobilisés sur ce projet
Sites associatifs médico-sociaux
Expertise sectorielle sur les associations médico-sociales loi 1901 gestionnaires d'établissements : contraintes réglementaires (loi 2002-2, lois handicap 2005, République numérique 2016, CPOM avec ARS et Conseil départemental), architecture multi-pôles, accessibilité RGAA, communication vers familles et professionnels. Nous avons livré 9 sites d'associations comparables en 5 ans, pour des structures gérant entre 5 et 40 établissements. Chaque projet inclut un accompagnement stratégique sur l'architecture d'information adaptée aux publics cibles, plutôt qu'une simple refonte technique.
Voir l'expertiseAnnuaires accessibles complexes
Conception d'annuaires filtrables multi-facettes accessibles pour secteurs exigeants (médico-social, handicap, formation, emploi, santé publique). Nous combinons moteurs Meilisearch ou Algolia pour la performance, interfaces HTML sémantique accessibles RGAA pour l'inclusion, workflow éditorial métier pour la maintenance dans le temps. Les 9 annuaires filtrables livrés comptent en moyenne 78 entrées avec 4 à 6 axes de filtres combinables, et maintiennent leur taux de mise à jour grâce aux alertes automatiques de revalidation intégrées dès la conception.
Voir l'expertiseAccessibilité PDF historiques
Pipeline complet de mise en accessibilité des fonds documentaires PDF hérités : audit individuel des fichiers avec outil PAC 3, arbitrage entre conversion HTML native ou rebalisage PDF/UA selon usage et fréquence de mise à jour, production des documents corrigés, documentation des procédures internes pour les nouveaux documents. Nous formons les équipes communication des structures publiques à la création directe de PDF accessibles depuis Word ou InDesign avec export Tagged PDF, évitant le reprocessing manuel qui prend 2 à 6 heures par document.
Voir l'expertiseGouvernance éditoriale multi-pôles
Conception de systèmes éditoriaux pour structures complexes à plusieurs métiers ou sites, avec rôles WordPress custom, workflow de validation hiérarchique, historique versionné, intégration aux outils métier existants, formation des correspondants locaux. Nous privilégions toujours l'autonomie éditoriale des équipes terrain, avec garde-fou léger de la direction centrale sur les contenus stratégiques. Chez PHAR 83, les 4 correspondants communication publient en moyenne 18 actualités par mois en autonomie, avec un taux d'intervention de la direction générale inférieur à 8 % des publications.
Voir l'expertise
