Aller au contenu

Une refonte multi-sites qui part d'un socle commun, à la taille de votre groupe

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

30min avec Mathis

Sans engagement

4,8/5

(51 avis Google)

maquettes flexio
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)

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.

4,8

51 avis

Que livre-t-on pour un socle multi-sites ?

Périmètre du DSFR (État)
Deux collegues qui relisent le schema d'arborescence de leur site web

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

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

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

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

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

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

4,8

51 avis

Deux autres sites bâtis sur un système de composants

Maquettes site web videopro

Refondre le site d'une agence vidéo B2B pour mieux convertir

100 sur-mesure

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

    É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

    É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

    É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

    É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 !

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 , 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 , 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 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 et peut suivre une refonte .

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 .

Pour un premier repère sur votre cas, sans rendez-vous : recevez le diagnostic express de votre site →

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

Devis gratuit et sans engagement

Bureau de l'agence Najumi à Villeurbanne (Métropole de Lyon)
Présent partout en France

Une agence web près de chez vous

Réserver un rendez-vous