ADI Incendie — Site corporate WordPress pour un groupe indépendant de sécurité incendie de treize implantations

À 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.

  1. 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.

  2. 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.

  3. 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.

  4. 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.

  1. 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.

  2. 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.

  3. 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.

  4. 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.

  5. 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

  1. 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.

  2. 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.

  3. 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.

  4. 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.

Discuter d'un projet similaire →

Le projet en images

  1. ADI Incendie — Accueil corporate et entrée par métier
  2. ADI Incendie — Annuaire des treize agences et sélecteur de proximité
  3. ADI Incendie — Page secteur dédiée et catalogue ADI Académie

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.

  1. Étape 01

    Cadrage

    • Atelier direction et marketing
    • Cartographie six métiers × quatre secteurs
    • Inventaire des treize agences
    • Cahier des charges validé
  2. Étape 02

    Design & UX

    • Wireframes mobile-first
    • Direction artistique aux couleurs du client
    • Maquettes home, métiers et fiche agence
    • Validation itérative
  3. Étape 03

    Développement

    • Thème WordPress sur-mesure
    • Custom post types agences et formations
    • Sélecteur de localisation custom
    • Espace client authentifié
  4. Étape 04

    Reprise de contenu

    • Fiches des treize agences
    • Catalogue six métiers
    • Pages secteurs et formations
    • Médias et photos
  5. É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é

Aperçu desktop du site ADI Incendie
Aperçu mobile du site ADI Incendie
13Annuaire géographique unifiéAgences
6Colonne vertébrale du siteMétiers
4Pages audience dédiéesSecteurs
WPPublication interne sans devBack-office autonome

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'expertise
  • Développement WordPress

    Thème sur-mesure, custom post types agences et formations, sélecteur de localisation custom, blocs éditoriaux réutilisables.

    Voir l'expertise
  • SEO & Accessibilité

    Balisage sémantique, données structurées sur les agences et formations, bonnes pratiques d'accessibilité posées comme socle.

    Voir l'expertise
  • TMA & Maintenance

    Mises à jour CMS et plugins, sauvegardes, supervision et évolutions fonctionnelles dans le temps long.

    Voir l'expertise

Vous portez une structure qui mérite un site à sa hauteur ?

Du cadrage au lancement, on construit des sites corporate simples côté admin et soignés côté visiteur. Premier échange gratuit, sans engagement.

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