Contexte
Office Public de l’Habitat de l’Agglomération de La Rochelle : devenir locataire ou propriétaire, patrimoine, logement social, locaux commerciaux. Périmètre recentré sur les parcours prioritaires et la lisibilité des contenus.
Projet
OPH La Rochelle
Année · 2021–2024Institutionnel
Technos
En bref
Parcours locataire / propriétaireInstitutionnel riche
Logement social
Institutionnel
Rôle
Gestion de projet et delivery WordPress/React pour clarifier les parcours locataire/propriétaire, hiérarchiser l'information publique et stabiliser les usages récurrents.
Le terrain
Mission
Offrir un site institutionnel clair pour un OPH : parcours locataire / propriétaire, présentation du patrimoine (8455 logements, 28 communes), actualités et médiathèque.
Livraison
Site WordPress et React structuré, parcours « devenir locataire » et « devenir propriétaire » lisibles, patrimoine et actualités mis en valeur.
L'enjeu
Offrir un site institutionnel clair pour un OPH : parcours locataire / propriétaire, présentation du patrimoine (8455 logements, 28 communes), actualités et médiathèque.
Site WordPress et React structuré, parcours « devenir locataire » et « devenir propriétaire » lisibles, patrimoine et actualités mis en valeur.
Un Office de l’habitat, ce n’est pas seulement une institution : c’est le fil conducteur entre une personne qui cherche un logement, une autre qui veut accéder à la propriété, et des milliers de locataires déjà chez vous qui ont besoin d’informations à jour. Le site de l’OPH de La Rochelle devait tenir ce service public sans le noyer sous le jargon - tout en rendant visible le patrimoine et la vie de l’Office.
Contrainte métier
À compléter — budget, délais, conformité ou capacité équipe.
Frictions utilisateurs
À compléter — friction parcours, lisibilité, confiance.
Tension produit
À compléter — priorisation, dette technique, mesure.
Le parti pris
Le défi
Trois publics, trois niveaux d’urgence : comprendre comment devenir locataire, comment tenter l’accession, ou simplement retrouver une ressource (magazine, médiathèque, actualité). Ajoutez la cartographie du patrimoine par secteurs, et la complexité devient vite un labyrinthe si l’architecture n’est pas impitoyablement claire.
La réponse
Cadrage fonctionnel et éditorial pour trancher les parcours prioritaires, puis WordPress comme socle avec des composants React et Bootstrap quand l’interactivité ou la réutilisation le justifie. Pages types, fils d’actualité, médiathèque, chiffres clés mis en forme pour être lus - pas seulement affichés.
Ce que ça change
Un office-agglo-larochelle.fr qui aide vraiment à lire son prochain pas (locataire, propriétaire, locataire informé) et qui donne du relief à l’action de l’Office sur le territoire - avec une stack que les équipes peuvent faire vivre dans la durée.
Chiffres et écrans
Les chiffres qui comptent
Performance technique
98%
Performance actuelle observée sur le périmètre du projet : 98%.
98%
Accessibilité
100%
Niveau accessibilité constaté sur ce périmètre : 100%.
100%
Qualité technique
93%
Niveau de qualité technique relevé sur ce périmètre : 93%.
93%
Performance globale
97%
SCORE /100
Excellent
Moyenne des indicateurs apres optimisation
Impact et résultats
- Parcours locataire / propriétaire. Chemins dédiés pour rendre lisibles les démarches et l’offre de logement social sur l’agglomération.
- Institutionnel riche. Patrimoine, actualités et ressources (médiathèque, magazine) structurés pour informer locataires et partenaires.
- Composants React ciblés. Blocs interactifs ou data-rich isolés dans React tandis que WordPress porte l’éditorial quotidien - le bon outil au bon endroit.
Sous le capot
Process & réutilisabilité
L'approche OPH La Rochelle est construite pour servir plusieurs publics avec des niveaux d'urgence différents, tout en maintenant un cadre institutionnel lisible et évolutif.
Priorisation des parcours publics
Locataire, propriétaire, ressources
Les ateliers métier organisent les évolutions selon l’impact usager et la fréquence de consultation.
- Séparation claire des parcours administratifs pour réduire la charge de compréhension.
- Priorisation des pages à forte utilité sociale avant les enrichissements secondaires.
- Validation des contenus selon la capacité à guider une action concrète.
Architecture WordPress/React ciblée
Le bon outil au bon endroit
Le socle éditorial reste simple, les composants React ne sont activés que sur les besoins interactifs réels.
- WordPress pour la publication quotidienne et la gouvernance des contenus institutionnels.
- React réservé aux blocs data-rich ou interactifs à forte valeur de service.
- Règles de réutilisation pour éviter la multiplication de composants isolés.
Validation institutionnelle récurrente
Lisibilité, conformité, maintenabilité
La qualité est suivie en cycle continu pour préserver fiabilité et compréhension des démarches.
- Recette périodique des parcours critiques avant chaque lot majeur.
- Relecture des formulations afin de limiter jargon et ambiguïtés administratives.
- Traçabilité des mises à jour sensibles pour sécuriser le suivi long terme.
Aperçu du site en ligne
La suite
Enseignements projet
- Les parcours publics deviennent actionnables quand le jargon institutionnel est traduit en étapes concrètes.
- Le duo WordPress/React est pertinent si chaque technologie reste affectee au bon niveau d usage.
- La lisibilité des ressources locataires est un levier direct de qualité de service perçue.
Prochaines étapes recommandées
- Mettre en place des indicateurs de complétion sur les parcours devenir locataire/propriétaire.
- Prioriser un plan éditorial annuel pour actualités, médiathèque et informations pratiques.
- Ajouter des tests utilisateurs périodiques pour valider compréhension et accessibilité des démarches.