# Une refonte multi-sites qui part d'un socle commun, à la taille de votre groupe > Refonte multi-sites : socle commun, design system et gouvernance. Ce que Najumi sait livrer, et ce qu'il ne revendique pas. Devis gratuit, sans engagement. > URL : https://najumi.fr/service/multi-sites-design-system/ --- Une refonte multi-sites regroupe plusieurs sites sur un socle commun : mêmes composants, mêmes règles, des contenus propres à chaque marque ou pays. Najumi conçoit ce socle, de Figma au code. Nicolas Bardot est un ancien Design System Manager de Bedrock Streaming (M6+, RTL). Notre référence la plus proche, Flexio, compte plus de 100 pages sur un seul site : nous ne revendiquons pas de parc de dizaines de sites. [Voir le projet Flexio](https://najumi.fr/projet/flexio/) 30min avec Mathis Sans engagement 4,8/5 (51 avis Google) ![maquettes flexio](https://najumi.fr/_astro/najumi-flexio-maquettes-336f7433b4_2dAx2b.webp) +30 clientsnous ont fait confiance ![Logo Accor](https://admin.najumi.fr/uploads/logo-accor-client-najumi-3d9d759172.png?format=webp&width=671&quality=82) [![Logo Hertz](https://admin.najumi.fr/uploads/logo-hertz-client-najumi-96a1de19a1.png?format=webp&width=402&quality=82)Étude de cas](https://najumi.fr/projet/hertz/) ![Logo Renault Trucks](https://admin.najumi.fr/uploads/Renault_Dark_c277a42e54.png?format=webp&width=107&quality=82) [![Logo Restaurant TheCraic](https://admin.najumi.fr/uploads/Thecraic_Dark_f6a1aa1231.png?format=webp&width=246&quality=82)Étude de cas](https://najumi.fr/projet/the-craic/)[![Logo Choralies](https://admin.najumi.fr/uploads/Choralies_Dark_6269ee49ad.png?format=webp&width=431&quality=82)Étude de cas](https://najumi.fr/projet/choralies/)[![Logo Institut Emmanuelle Covin](https://admin.najumi.fr/uploads/Emmanuelle_Covin_Dark_39704dda5a.png?format=webp&width=306&quality=82)Étude de cas](https://najumi.fr/projet/institut-emmanuelle-covin/) Le constat ## Pourquoi un parc de sites finit-il par diverger ? Chaque filiale, chaque rachat, chaque campagne ajoute son site, avec son prestataire et ses habitudes. Quelques années plus tard, le même bouton existe en cinq versions et personne ne sait lesquelles sont à jour. La dérive se voit dans le design, mais elle coûte surtout en exploitation : une mention légale, un bandeau de cookies ou une faille à traiter se reprend site par site. Un socle commun ne sert pas à uniformiser des marques. Il sert à ne décider et ne corriger qu'une fois ce qui n'a aucune raison d'être différent. - Un même composant maintenu à un seul endroit - Des variantes de marque prévues, pas improvisées - Une correction de sécurité appliquée une fois, déployée partout - Des équipes locales qui publient sans casser le gabarit [Documentation multisite (WordPress) ](https://developer.wordpress.org/advanced-administration/multisite/) Un repère technique à connaître 1 Seule table partagée entre les sites d'un réseau WordPress multisite, celle des utilisateurs. Chaque site garde ses tables de contenu (documentation WordPress). Pour qui ## Quels groupes ont intérêt à un socle commun ? Ceux pour qui plusieurs sites partagent assez de choses pour qu'une bibliothèque commune se rentabilise. Quand deux sites n'ont rien en commun, un socle partagé ajoute des contraintes sans rien économiser, et nous vous le dirons. - Groupes qui ont racheté des sociétés et gardé leurs sites - Réseaux d'agences ou de franchises avec une page par implantation - Marques qui déclinent un site par pays ou par langue - Équipes communication qui veulent publier sans repasser par un développeur 4,8 sur 5 4,8 51 avis ## Que livre-t-on pour un socle multi-sites ? [Périmètre du DSFR (État) ](https://www.systeme-de-design.gouv.fr/version-courante/fr/premiers-pas/perimetre-d-application) ![Deux collegues qui relisent le schema d'arborescence de leur site web](https://admin.najumi.fr/uploads/medium_arborescence_inline_7_cover_2127bc2782.webp) ### Inventaire du parc Sites, technologies, hébergeurs, extensions, gabarits et écarts réels. On compte ce qui se ressemble avant de décider ce qui devient commun. ![Mains dessinant sur une tablette graphique à un bureau de designer](https://admin.najumi.fr/uploads/medium_maquette_site_web_guide_pme_2026_cover_8672a8cb00.webp) ### Fondations et bibliothèque Figma Couleurs, typographies, espacements et composants nommés, avec leurs variantes de marque, leurs états et leurs règles d'usage. ![Maquettes site web videopro](https://admin.najumi.fr/uploads/medium_najumi-agence-videopro-maquettes-2-5b32a1726c.png?format=webp&width=768&quality=60) ### Composants codés Chaque composant de la bibliothèque existe dans le code, documenté, pour que maquette et production parlent de la même chose. ![maquettes flexio](https://admin.najumi.fr/uploads/medium_portfolio_mockup_laptop_22_1_2a05d07441.png?format=webp&width=768&quality=60) ### Modèles de pages Accueil, offre, implantation, actualité, recrutement : un modèle par type de page, administrable par vos équipes. ![Planche de maquettes filaires d'un ensemble d'écrans](https://admin.najumi.fr/uploads/medium_najumi-maquettes-filaires-ecrans-7bce323256.png?format=webp&width=768&quality=60) ### Règles de gouvernance Qui valide un nouveau composant, comment une filiale demande une exception, à quel rythme le socle évolue. ![Équipe de support qui accompagne un client après la mise en ligne de son site](https://admin.najumi.fr/uploads/medium_devis_site_internet_inline_8b_cover_b4f8d10c0c.webp) ### Passation aux équipes Formation des contributeurs et documentation, pour que le socle vive sans dépendre de nous au quotidien. Cas client ## Flexio : plus de 100 pages refondues avec des composants réutilisables Flexio avait déjà un site Webflow complet et repositionnait son produit autour de l'IA. Les nouvelles maquettes ont été conçues en interne par Loubna, Creative Designer chez Divalto. Notre mission : en faire un site fonctionnel et administrable, sans repartir de zéro. Nous avons adapté les composants aux nombreuses typologies de contenus, intégré les pages secteurs, métiers et fonctionnalités, repris les contenus existants, puis formé l'équipe. C'est un site unique, pas un parc, mais le raisonnement est le même : un système réutilisable plutôt qu'une suite de pages. +100 Pages refondues Composants réutilisables créés et adaptés Pages secteurs, métiers et fonctionnalités intégrées Contenus existants repris et migrés Équipe Flexio formée à Webflow [Voir le projet Flexio ](https://najumi.fr/projet/flexio/) 4,8 sur 5 4,8 51 avis ## Deux autres sites bâtis sur un système de composants ![Maquettes site web videopro](https://admin.najumi.fr/uploads/medium_najumi-agence-videopro-maquettes-4ccd30c1fe.png?format=webp&width=768&quality=60) Refondre le site d'une agence vidéo B2B pour mieux convertir 100 sur-mesure [](https://najumi.fr/projet/agencevideopro/) ![Logo SmarTime](https://admin.najumi.fr/uploads/logosmartime_7a97100fb9.png?format=webp&width=474&quality=82) ![Photo de Déborah Ribeiro, Online Business Manager](https://admin.najumi.fr/uploads/temoignage-deborah-ribeiro-client-najumi-6da964e159.png?format=webp&width=512&quality=82) > Un immense merci à toute l'équipe Najumi. Ils ont su retranscrire parfaitement l'ensemble de mes services dans un site totalement aligné avec l'image et l'univers de SmarTime. Déborah Ribeiro Online Business Manager ![charte graphique smartime](https://admin.najumi.fr/uploads/medium_najumi-smartime-charte-graphique-4482b7197a.png?format=webp&width=750&quality=60) [](https://najumi.fr/projet/smartime/) Notre méthode ## Comment construit-on un socle commun ? On part de ce qui existe, on choisit l'architecture, on prouve sur un site pilote, puis on déploie. 1. ![Mathis Haumont, co-fondateur de Najumi, au téléphone en prenant des notes](https://admin.najumi.fr/uploads/medium_mathis-haumont-najumi-au-telephone-prise-de-notes-9e5aaef954.png?format=webp&width=768&quality=82) Étape #1 ### On inventorie avant de dessiner Nicolas compare les gabarits réels de vos sites et isole ce qui se répète. Cette lecture dit souvent que le commun est plus petit que prévu, et c'est une bonne nouvelle. 2. ![Visioconférence de cadrage entre l'équipe Najumi et une cliente](https://admin.najumi.fr/uploads/medium_najumi-visioconference-cadrage-cliente-869fe9617c.png?format=webp&width=768&quality=82) Étape #2 ### On choisit l'architecture Réseau multisite, instances séparées sur un même modèle, CMS découplé : le choix dépend de vos filiales, de votre risque et de qui publie. 3. ![Deux développeurs de Najumi devant un écran pendant l'intégration d'un projet](https://admin.najumi.fr/uploads/medium_najumi_shooting_2026_277_1_1_2c597c2a6c.png?format=webp&width=768&quality=82) Étape #3 ### On prouve sur un site pilote Le premier site construit sur le socle met les composants à l'épreuve de vrais contenus. On corrige la bibliothèque à ce moment-là, pas après dix migrations. 4. ![Présentation d'un projet livré, debout devant le grand écran de l'agence](https://admin.najumi.fr/uploads/medium_najumi-presentation-projet-livre-grand-ecran-757ef67442.png?format=webp&width=768&quality=82) Étape #4 ### On migre site par site Chaque site rejoint le socle à son tour, avec ses redirections et son contrôle SEO, pendant que les équipes locales sont formées. FAQ ## Multi-sites et design system : les arbitrages à faire Mathis Haumont Co-fondateur & CTO N'hésitez pas à me contacter à tout moment. Je suis là pour répondre à toutes vos questions ! [ Poser ma question à un expert](https://wa.me/33778472498?utm_source=najumi.fr&utm_medium=whatsapp&utm_campaign=faq) [Découvrir qui est Mathis](https://najumi.fr/auteur/mathis-haumont/) ### Faut-il passer en WordPress multisite ? Pas forcément. Un réseau multisite gère plusieurs sites depuis une seule installation, ce qui simplifie les mises à jour. En contrepartie, une panne ou une faille concerne tout le réseau. Des instances séparées isolent mieux le risque, au prix de mises à jour répétées. C'est ce que nous pratiquons : notre modèle WordPress est repris pour chaque nouveau site, avec une installation par site. ### Avez-vous déjà livré un parc de plusieurs dizaines de sites ? Non. Notre référence la plus proche est [Flexio](https://najumi.fr/projet/flexio/) , plus de 100 pages sur un seul site, et notre modèle WordPress commun sert à plusieurs sites clients indépendants. Nicolas a travaillé sur le design system de Bedrock Streaming (M6+, RTL), une expérience personnelle. Pour un parc de 30 pays, mieux vaut nous associer à une équipe plus large. ### Qu'est-ce qu'un design system, concrètement ? Une bibliothèque de composants et de règles partagée entre le design et le développement : boutons, cartes, sections, navigation, avec leurs états et leurs usages. Sur le site d' [Agence VidéoPro](https://najumi.fr/projet/agencevideopro/) , il tient sur un périmètre simple. Sur un groupe, il devient l'accord écrit entre plusieurs équipes. ### Un design system se justifie-t-il pour un seul site ? Rarement dans sa forme complète. Pour un site, une bibliothèque légère suffit, tenue dans Figma et dans le code. Le système complet se justifie quand plusieurs équipes ou plusieurs sites doivent décider la même chose sans se parler. ### Peut-on utiliser le DSFR pour notre site ? Seulement si vous êtes un service de l'État. Le Système de Design de l'État est réservé à ses services, et son périmètre d'application exclut les collectivités et les acteurs privés. Un opérateur doit obtenir un accord. Pour les autres, on peut retenir ses principes d'accessibilité, pas ses composants ni sa marque. ### Comment gère-t-on plusieurs langues et plusieurs pays ? Le socle prévoit dès le départ les libellés traduits, les formats locaux et les balises qui relient les versions entre elles. Notre [guide du site multilingue](https://najumi.fr/article/comment-traduire-son-site-web-en-plusieurs-langues-sans-perdre-son-seo-guide-complet-2025/) détaille les choix d'URL et leurs effets sur le référencement. ### Qui tranche quand une filiale veut une exception ? Une personne nommée côté groupe, sur des règles écrites : ce qui est figé, ce qui se décline, ce qui se demande. Sans cela, le socle dérive comme l'ancien parc. Ce cadrage fait partie de notre offre [grands comptes et ETI](https://najumi.fr/service/grands-comptes/) et peut suivre une [refonte](https://najumi.fr/service/refonte-site-web/) . ### Combien coûte une refonte multi-sites ? Cela dépend du nombre de sites, de ce qu'ils partagent et de la reprise de contenu. L'inventaire du parc donne la base du chiffrage. Devis gratuit et sans engagement, depuis notre page [contact](https://najumi.fr/contact/) . [Pour un premier repère sur votre cas, sans rendez-vous : recevez le diagnostic express de votre site →](https://najumi.fr/diagnostic-site-web/) Nous contacter ## Montrez-nous votre parc de sites Prêt à transformer votre idée en réalité ? Décrivez-nous votre projet et recevez une estimation personnalisée. [Recevoir mon devis ](https://najumi.fr/contact/) Devis gratuit et sans engagement ![Bureau de l'agence Najumi à Villeurbanne (Métropole de Lyon)](https://najumi.fr/_astro/najumi-equipe-bureau-contact.B43tq0Gr_1KnFNH.webp) Présent partout en France ## Une agence web près de chez vous - [![Les canaux et les terrasses de la vieille ville d'Annecy](https://najumi.fr/_astro/hero-agence-web-annecy.D61QFTLC_18hJC8.webp)Annecy](https://najumi.fr/agence-web-annecy/) - [![Le Bassin d'Arcachon vu depuis la rive, agence web Najumi a Audenge](https://admin.najumi.fr/uploads/hero_audenge_8d0f5c8bd0.jpg?format=webp&quality=70&resize=320x505) Audenge](https://najumi.fr/agence-web-audenge/) - [![Les flèches de la cathédrale Saint-André au-dessus des toits de Bordeaux](https://najumi.fr/_astro/hero-agence-web-bordeaux.DyegJPGe_2oQWFu.webp)Bordeaux](https://najumi.fr/creation-site-internet-bordeaux/) - [![La basilique de Fourvière surplombant Lyon — agence web Najumi](https://admin.najumi.fr/uploads/hero_lyon_405ba2b2f1.png?format=webp&quality=70&resize=320x505) Lyon](https://najumi.fr/agence-web-lyon/) - [![La tour Eiffel vue depuis le Trocadéro, à Paris](https://najumi.fr/_astro/hero-agence-web-paris.6cxh8kCe_YBWH1.webp)Paris](https://najumi.fr/agence-wordpress-paris/) - [![Le beffroi de l'hôtel de ville au cœur du quartier des Gratte-Ciel, à Villeurbanne](https://najumi.fr/_astro/hero-agence-web-villeurbanne.D1iP1lFV_2wj9oE.webp)Villeurbanne](https://najumi.fr/agence-web-villeurbanne/)