
À vos côtés,
pour la sécurité incendie depuis 1987
Refonte corporate WordPress pour ADI – Azuréenne d'Incendie. Arborescence pensée autour de six métiers, quatre secteurs cibles et treize implantations Sud France, Île-de-France, Corse et Monaco, avec annuaire géographique et espace client connecté.
- Site corporate
- WordPress
- Sécurité incendie
En un coup d'œil
- ClientADI – Azuréenne d'Incendie
- Année2024
- Durée5 mois
- TypeSite corporate
- LieuSud France · Île-de-France · Corse · Monaco
- SecteurSécurité incendie · B2B/B2C
- TechnologieWordPress
- URLadi.getup.agency
- Site corporate
- WordPress
- Sécurité incendie
- Multi-agences
Le brief et la problématique
Le client est une entreprise familiale fondée en 1987 par Nadia et Didier Sayrous dans la région toulonnaise, aujourd'hui dirigée par Yoël et Yoan Sayrous. Le groupe se positionne comme premier indépendant de sécurité incendie sur le Sud de la France et compte trois cent trente collaborateurs.
L'activité s'articule autour de six métiers complémentaires : lutter contre l'incendie, désenfumer et compartimenter, signaler et évacuer, système de sécurité incendie, secourir des personnes, et ADI Académie pour la formation. Quatre secteurs cibles sont adressés : immobilier, tertiaire et industrie, militaire, et industries à risques classées ICPE.
Le site précédent avait rendu le service attendu pendant plusieurs années mais commençait à montrer ses limites : un thème WordPress à rafraîchir, une présentation par agence qui gagnait à être plus cohérente entre elles, et un cadre réglementaire (CCH, ERT, ICPE, APSAD R4) qui méritait d'être davantage mis en valeur pour soutenir la qualification commerciale côté pros.
La problématique
Comment faire tenir ensemble une identité de groupe indépendant historique, treize agences de proximité, six métiers techniques et un cadre réglementaire dense, dans un site corporate qui reste lisible pour un visiteur pressé et autonome pour les équipes du client en back-office ?
Objectifs du projet
- Porter l'identité de groupe indépendant et le récit familial depuis 1987
- Structurer l'arborescence autour des six métiers du client
- Donner à chaque visiteur la bonne porte d'entrée selon son secteur et sa zone
- Rendre le back-office autonome pour publier en interne sans dépendance technique
Quatre défis propres à ce projet
Ce qui rendait ce projet exigeant : faire cohabiter une matrice de six métiers et quatre secteurs, treize implantations terrain et un cadre réglementaire dense, sans diluer le récit familial du client.
Défi 01
Fédérer treize implantations sans les écraser
Chaque agence a son histoire, son équipe et sa zone de chalandise. Le site devait porter une marque commune sans gommer la singularité locale qui fait la force du réseau. Une fiche par agence avec adresse, contacts directs et photos d'équipe a été créée, le visiteur pouvant accéder à l'agence la plus proche par sélecteur de localisation et rayon de couverture.
Défi 02
Mettre en ordre six métiers et quatre secteurs
Lutter contre l'incendie, désenfumer, signaler, SSI, secourir et l'Académie formation : six entrées techniques qui se recoupent et que les visiteurs ne hiérarchisent pas spontanément. Quatre secteurs cibles (immobilier, tertiaire et industrie, militaire, industries à risques) viennent croiser cette grille. L'enjeu : que chaque visiteur trouve son entrée naturelle sans relire deux fois.
Défi 03
Vulgariser un cadre réglementaire dense
Code de la construction et de l'habitation, code du travail pour les ERT, classement ICPE pour les industries à risques, certifications APSAD R4 et NF Service côté équipements : la sécurité incendie est dense en obligations. Le site devait expliquer simplement aux dirigeants TPE et PME ce qu'ils doivent faire, dans quels délais et avec quels interlocuteurs côté agence.
Défi 04
Porter ADI Académie comme pilier formation
La formation est historiquement un département vivant chez le client, avec trois catalogues distincts : sécurité incendie, évacuation, prévention et secourisme. Sur l'ancien site, ce volet était dilué dans les services techniques. La refonte le sort en pilier autonome, accessible depuis la navigation principale, pour soutenir le commerce B2B sur ses propres cycles d'achat annuels.
La solution mise en place
Nous avons construit un site corporate WordPress dont l'arborescence calque l'organisation interne du client : six métiers en colonne vertébrale, quatre pages secteurs pour adresser chaque audience prioritaire, un annuaire géographique des treize agences avec sélecteur de proximité, un pilier ADI Académie pour la formation, et un espace client connecté pour les comptes pros. Le tout pensé pour qu'un visiteur identifie sa porte d'entrée en moins de dix secondes, et que les équipes du client puissent publier en interne sans dépendance technique. Un CTA unique « Programmer un RDV » accompagne la navigation pour ouvrir la conversation côté commerce.
Axe 01 · Arborescence métiers
Six métiers en colonne vertébrale du site
Lutter contre l'incendie, désenfumer et compartimenter, signaler et évacuer, système de sécurité incendie, secourir des personnes et ADI Académie : six rubriques de premier niveau qui calquent l'organisation interne. Cette structure permet à un visiteur pro de tomber directement sur le bon catalogue produit ou la bonne prestation sans transiter par une page services générique.
Axe 02 · Annuaire 13 agences
Sélecteur de localisation et rayon de couverture
Le visiteur saisit sa localisation et choisit son rayon de recherche jusqu'à cinq cents kilomètres. Les agences couvrant la zone remontent avec adresse, équipe, contacts directs et zone d'intervention. Pas de carte interactive lourde côté tech, juste un sélecteur efficient calibré sur la réalité d'un réseau dense au Sud et plus diffus en Île-de-France et Corse.
Axe 03 · Quatre secteurs cibles
Une page par audience prioritaire
Immobilier (IGH, habitation, syndics, bailleurs sociaux), tertiaire et industrie (hôpitaux, écoles, collectivités, centres commerciaux), militaire pour les sites sensibles, et industries à risques pour les sites classés ICPE. Chaque page secteur croise les six métiers avec les obligations réglementaires propres à l'audience, sans contenu réutilisé d'une page à l'autre.
Axe 04 · ADI Académie
Formation sortie en pilier autonome
Trois catalogues de formation sont remontés en navigation principale : sécurité incendie avec manipulation d'extincteur, évacuation avec exercice annuel obligatoire, prévention et secourisme. Chaque catalogue dispose de sa page programme, ses prérequis et son formulaire d'inscription session par session, sans passer par le formulaire de contact générique du site.
Axe 05 · Espace client connecté
Une zone authentifiée pour les comptes pros
Les comptes pros disposent d'un accès personnel pour consulter leurs informations contractuelles côté équipements installés. L'authentification est gérée par un plugin custom adossé aux rôles WordPress, avec une stricte séparation des données par compte client et zéro accès croisé entre comptes voisins, y compris pour les directeurs d'agence en lecture.
Trouver la bonne agence, à proximité immédiate
L'annuaire des treize agences fonctionne sur un principe simple : saisie d'une localisation, choix d'un rayon de recherche, restitution de la fiche agence couvrant la zone. Aucun parcours forcé, aucune géolocalisation imposée, le visiteur garde la main du début à la fin.
Comment ça marche
Saisie de la localisation
Le visiteur tape sa ville, son département ou son code postal dans le champ de recherche. L'autocomplétion propose les communes correspondantes pour éviter les erreurs de saisie. Aucune géolocalisation IP automatique n'est imposée, le contrôle du point de départ reste à cent pour cent côté visiteur, ce qui convient autant à un dirigeant en déplacement qu'à un responsable site en télétravail.
Choix du rayon de recherche
Un sélecteur de distance permet d'ajuster la zone explorée de dix à cinq cents kilomètres autour du point saisi. Ce réglage couvre les besoins de proximité urbaine comme les besoins de couverture sur des départements à faible densité, typiquement en Corse ou dans les Alpes du Sud où le maillage du réseau est plus diffus que sur le littoral méditerranéen.
Liste des agences couvrant la zone
Les agences dont la zone d'intervention recoupe le rayon demandé remontent dans l'ordre de pertinence. Chaque entrée affiche le nom de l'agence, l'adresse postale, le numéro direct et les responsables identifiés. Le visiteur peut comparer en un coup d'œil les agences candidates sans naviguer dans une carte interactive ni perdre le fil de sa recherche initiale.
Fiche agence et prise de contact
La fiche agence détaillée regroupe l'équipe, les horaires, les métiers couverts localement et un formulaire de contact pré-paramétré vers le bon référent. Le visiteur n'a pas besoin de retaper son contexte côté localisation, le formulaire récupère les informations déjà saisies pour transmettre une demande déjà qualifiée à l'agence concernée.
- 13agencesannuaire géographique unifié
- 500 kmrayon maximumsélecteur de couverture
- 6métiers structuréscolonne vertébrale du site
Sous le capot
Custom Post Type Agence
Chaque agence est un CPT WordPress doté de champs métadonnées dédiés : zone d'intervention par code postal, équipe, contacts directs, métiers couverts localement. Cette modélisation permet aux équipes du client de créer, modifier ou désactiver une agence sans intervention développeur, et garantit la cohérence d'affichage sur toutes les pages où une fiche agence est référencée.
Sélecteur de proximité custom
Le moteur de recherche par localisation croise la saisie du visiteur avec les zones d'intervention déclarées par agence côté back-office. La logique de filtrage reste légère, sans dépendance carto tierce, ce qui garde le rendu rapide et la donnée maîtrisée en interne y compris pour les évolutions futures du maillage du réseau.
Le projet en images
Cinq étapes, du brief à la mise en ligne
Méthodologie Getup en sprints courts avec points d'avancement réguliers côté direction client. Cinq mois de travail pour livrer la nouvelle vitrine, du cadrage initial à la bascule en production.
Étape 01
Cadrage
- Atelier direction et marketing
- Cartographie six métiers × quatre secteurs
- Inventaire des treize agences
- Cahier des charges validé
Étape 02
Design & UX
- Wireframes mobile-first
- Direction artistique aux couleurs du client
- Maquettes home, métiers et fiche agence
- Validation itérative
Étape 03
Développement
- Thème WordPress sur-mesure
- Custom post types agences et formations
- Sélecteur de localisation custom
- Espace client authentifié
Étape 04
Reprise de contenu
- Fiches des treize agences
- Catalogue six métiers
- Pages secteurs et formations
- Médias et photos
Étape 05
Recette & TMA
- Tests multi-navigateurs
- Formation des directeurs d'agence
- Mise en ligne
- Maintenance évolutive
Stack technique du projet
Les briques techniques mobilisées pour faire tourner le projet, choisies pour leur fiabilité et leur maintenabilité dans la durée côté équipes du client.
- CMS
- WordPress
- CPT agences et formations
- Taxonomie métiers et secteurs
- Permissions par rôle
- Annuaire géographique
- Sélecteur de localisation custom
- Filtrage par zone d'intervention
- Sans dépendance carto tierce
- Espace client
- Plugin custom
- Connexion sécurisée
- Données cloisonnées par compte
Quelques pages du site réalisé
Extrait du design livré


Performances mesurées en production
Métriques Lighthouse desktop et Core Web Vitals issus de DevTools
- 1.96 sLCPLargest Contentful Paint mesuré au chargement
- 0.00CLSCumulative Layout Shift, aucune instabilité visuelle
- 42 msTTFBTime To First Byte serveur
- 93AccessibilitéScore Lighthouse desktop sur 100
- 77Bonnes pratiquesScore Lighthouse desktop sur 100
- 66SEOScore Lighthouse desktop sur 100
Quatre pôles mobilisés sur ce projet
UX / UI Design
Hiérarchie éditoriale claire sur une matrice métiers × secteurs dense, direction artistique alignée sur l'identité du client.
Voir l'expertiseDéveloppement WordPress
Thème sur-mesure, custom post types agences et formations, sélecteur de localisation custom, blocs éditoriaux réutilisables.
Voir l'expertiseSEO & Accessibilité
Balisage sémantique, données structurées sur les agences et formations, bonnes pratiques d'accessibilité posées comme socle.
Voir l'expertiseTMA & Maintenance
Mises à jour CMS et plugins, sauvegardes, supervision et évolutions fonctionnelles dans le temps long.
Voir l'expertise
Vos questions, nos réponses
Votre structure mérite un site à sa hauteur
Du cadrage au lancement, on construit des sites corporate simples côté admin, soignés côté visiteur, et qui se mettent à jour tout seuls quand c'est possible. Premier échange gratuit, sans engagement, réponse sous quarante-huit heures.
Réponse sous quarante-huit heures · Devis gratuit · Sans engagement


