🧩 Le problème réel

Pourquoi une simple page coûte parfois cher

Vous demandez une page supplémentaire sur votre site. Une nouvelle prestation, une offre saisonnière, une présentation de l'équipe. Le devis arrive et il vous paraît élevé pour « juste une page ». Vous vous dites qu'on exagère.

Dans la plupart des cas, on n'exagère pas. On redessine. Parce que personne, chez vous comme chez le prestataire précédent, ne sait répondre à ces questions : quel bouton ? quel vert exactement ? quelle taille de titre ? quel espacement entre deux blocs ? Alors on tranche à nouveau, au jugé, et on refait des choix qui avaient déjà été faits deux ans plus tôt.

Ce n'est pas un problème de design. C'est un problème de mémoire. Et un design system, c'est exactement ça : la mémoire visuelle de votre site, écrite quelque part plutôt que dans la tête de quelqu'un qui ne travaille plus avec vous.

📚 Définition sans jargon

Un design system, c'est une bibliothèque de composants

Oubliez le mot. Imaginez une boîte où sont rangés tous les morceaux dont vos pages sont faites, dessinés une fois, proprement, et validés. On ne les réinvente plus : on les sort de la boîte.

🎨

Les fondations

Les couleurs exactes, les typographies, les tailles de titres, les espacements. Pas « un vert sympa » : une référence précise, utilisée partout.

🔘

Les composants

Boutons, cartes, encadrés, citations, formulaires, blocs d'appel à l'action. Chacun avec ses variantes et ses états.

📐

Les modèles de page

Les assemblages récurrents : une page service, une page réalisation, un article. La structure est déjà décidée.

À cela s'ajoute la partie que tout le monde oublie : la documentation. Pas un pavé théorique, quelques règles d'usage claires. Quand utiliser le bouton plein plutôt que le bouton contour. Combien d'éléments maximum dans une grille. Ce qu'on ne fait jamais.

🕰️ Ce qui se passe sans

Comment un site finit avec quatre styles

Les sites vieillissent rarement mal à cause de leur design initial. Ils vieillissent mal parce que chaque page ajoutée après coup a été dessinée dans son coin.

Le scénario est toujours le même. Mise en ligne propre, tout est cohérent. Six mois plus tard, une landing page pour une campagne : le prestataire de la campagne a ses habitudes, ses boutons, sa typo. Un an après, une nouvelle offre, montée en interne avec le constructeur de pages, « vite fait ». Puis un stagiaire ajoute une page actualités. Puis une refonte partielle du menu.

Au bout de trois ans, votre site ressemble à quatre sites collés ensemble. Le visiteur ne saura pas le formuler, mais il le sentira : quelque chose cloche, ça fait bricolé, on hésite à laisser ses coordonnées. La confiance se joue aussi là, dans le fait que deux pages du même site se ressemblent.

Et pendant ce temps, le coût grimpe en silence. Chaque intervention demande d'abord de comprendre ce qui existe avant de pouvoir toucher quoi que ce soit.

✅ Ce que vous y gagnez

Ajouter une page devient du montage

C'est la bascule principale, et elle est économique avant d'être esthétique. Quand les composants existent et sont documentés, construire une page ne consiste plus à créer mais à assembler des éléments déjà validés.

  • Votre site reste cohérent même après trois ans de modifications et plusieurs intervenants
  • Le temps passé sur une nouvelle page chute, donc le devis aussi
  • Vous pouvez faire évoluer certaines pages vous-même sans tout casser
  • Changer de prestataire ne repart plus de zéro : il hérite d'un cadre lisible
  • Les arbitrages visuels sont tranchés une fois, pas à chaque projet
  • Le site reste cohérent sur mobile, parce que chaque composant a déjà été pensé pour

Ce que nous constatons sur nos projets : les clients qui disposent d'un système font évoluer leur site sans nous rappeler à chaque virgule. Et quand ils nous rappellent, le devis est nettement plus court.

⚖️ Deux trajectoires

Le même site, trois ans plus tard

Prenez deux entreprises qui lancent leur site le même mois, avec le même budget. La seule différence : l'une a un système de composants documenté, l'autre non.

Avec un design system. Nouvelle page demandée le lundi, livrée dans la semaine. Le visuel est raccord avec le reste sans que personne n'ait eu à y réfléchir. Les demandes d'évolution se discutent en termes de contenu, pas de mise en forme.

Sans design system. Chaque page rouvre le débat esthétique. Les allers-retours s'allongent, les choix se contredisent, et la page finit par ressembler à l'humeur du moment plutôt qu'à votre marque.

Avec. Un nouveau prestataire reprend le site et comprend la logique en une demi-journée. Vous n'êtes prisonnier de personne.

Sans. Toute reprise commence par un audit : qu'est-ce qui existe, qu'est-ce qui est utilisé, qu'est-ce qu'on peut supprimer sans casser trois pages. Facturé, évidemment.

🧭 Une confusion fréquente

Ce n'est pas la même chose qu'une charte

On nous envoie souvent une charte graphique en nous disant : « nous avons déjà tout ça ». Dans 90 % des cas, le document contient le logo, les couleurs, la typographie et deux ou trois règles d'usage. C'est précieux, c'est le point de départ, mais ça ne dit rien de ce qu'il faut faire sur un écran.

Une charte vous dit que le vert principal est celui-ci. Un design system vous dit ce que devient ce vert sur un bouton survolé, sur un fond sombre, sur un message d'erreur, et à quel moment il ne faut surtout pas l'utiliser. L'une définit une identité, l'autre la rend applicable page après page.

Les deux se construisent dans cet ordre : l'identité visuelle d'abord, le système de composants ensuite, au moment où l'on fabrique le site. Faire l'inverse revient à poser du carrelage avant d'avoir coulé la dalle.

💶 Parlons argent

Un investissement qui se rembourse à chaque évolution

Soyons francs : construire un système de composants demande du temps au départ. C'est du temps passé à décider, à nommer, à documenter, plutôt qu'à produire des pages visibles tout de suite. Sur un projet, cela se sent.

La contrepartie, c'est que ce temps n'est dépensé qu'une fois. Nos tarifs de création vont de 990 € HT pour une page à 3 060 € HT pour dix pages, en dégressif : cette dégressivité existe précisément parce que la cinquième page coûte beaucoup moins cher à produire que la première, à condition d'avoir posé les bases proprement. Le système n'est pas une option vendue à part, c'est la raison pour laquelle le prix baisse au fur et à mesure.

Et l'effet continue après la mise en ligne. Une évolution demandée deux ans plus tard sur un site structuré se chiffre en heures, pas en journées. Vous pouvez estimer tout cela sur notre page tarifs et calculateur : la grille est publique, vous n'avez pas à nous appeler pour avoir un ordre de grandeur.

🚫 Honnêteté

Quand ce n'est pas la priorité

Un site d'une page n'a pas besoin d'une bibliothèque documentée. Si votre projet tient en une page de présentation et un formulaire, mettre en place un système formel serait du zèle facturé. Nous le disons aux clients concernés plutôt que de leur vendre une couche supplémentaire.

La question de bascule est simple : votre site est-il appelé à bouger ? Si vous ajoutez des prestations, des pages locales, des pages campagne, des articles, si plusieurs personnes vont intervenir dessus, alors oui, le système se rentabilise vite. Si le site est une carte de visite figée que vous ne toucherez pas avant trois ans, l'enjeu est ailleurs.

C'est aussi pour ça que nous abordons toujours le sujet au moment d'une refonte : une refonte, par définition, arrive après plusieurs années d'ajouts désordonnés. Reconstruire sans poser de cadre, c'est se condamner à refaire la même refonte dans quatre ans.

🌱 Notre position

Un sujet de coût, pas de designer

Nous refusons de traiter le design system comme un raffinement d'agence. Ce n'est pas un livrable qu'on exhibe pour justifier une ligne de devis, c'est ce qui détermine combien vous coûtera votre site dans deux ans.

« Un site bien construit ne se juge pas le jour de la mise en ligne. Il se juge à la trentième modification. »

C'est d'ailleurs le même raisonnement qui nous fait publier notre grille tarifaire : décider une fois, clairement, et ne plus avoir à rediscuter à chaque demande. Un système de composants fait pour vos pages ce qu'une grille publique fait pour nos prix. Moins d'arbitraire, moins de négociation, moins de temps perdu des deux côtés.

Si vous vous demandez où en est votre site sur ce terrain, la réponse tient souvent en un test : ouvrez trois pages créées à trois moments différents, côte à côte. Si elles ne se ressemblent pas, vous payez déjà le prix de l'absence de système, simplement vous ne le voyez pas sur une ligne de facture.

Nous en parlons volontiers avant tout devis, et sans facturer la conversation — écrivez-nous.

❓ Questions fréquentes

Pour aller plus loin

C'est quoi un design system, concrètement ?
C'est une bibliothèque des éléments qui composent vos pages : couleurs précises, typographies, tailles de titres, boutons, cartes, encadrés, formulaires, plus quelques règles écrites sur la manière de les utiliser. On les dessine une fois, proprement, et chaque nouvelle page se monte en assemblant ces éléments au lieu d'en redessiner de nouveaux à chaque fois.
Quelle différence avec une charte graphique ?
La charte définit votre identité : logo, couleurs, typographie, règles générales. Le design system traduit cette identité en éléments utilisables sur un site : ce que devient votre couleur principale sur un bouton survolé, sur fond sombre, dans un message d'erreur. L'une pose l'identité, l'autre la rend applicable page après page. Les deux se construisent dans cet ordre.
Est-ce que ça coûte plus cher au départ ?
Cela demande du temps au début, oui. Mais c'est précisément ce qui rend notre grille dégressive : de 990 € HT pour une page à 3 060 € HT pour dix pages, parce que la cinquième page coûte bien moins cher à produire que la première quand les bases sont posées. L'estimation est accessible sur notre calculateur de devis.
Mon site existe déjà, est-ce trop tard ?
Non, mais le travail n'est pas le même. Sur un site existant, on commence par inventorier ce qui est réellement utilisé, on supprime les doublons accumulés et on fixe une version de référence pour chaque élément. C'est souvent le bon moment pour envisager une refonte, puisque le désordre visuel est généralement le symptôme d'un site qui a vieilli.
Est-ce que je pourrai ajouter des pages moi-même ensuite ?
C'est l'un des objectifs. Quand les composants sont en place et documentés, créer une page revient à assembler des blocs existants plutôt qu'à faire des choix de mise en forme. Nous proposons de la formation à 150 € HT par item pour vous rendre autonome sur ces manipulations, sans que vous risquiez de casser la cohérence de l'ensemble.
Un site d'une seule page en a-t-il besoin ?
Pas vraiment. Si votre projet tient en une page de présentation avec un formulaire et que vous n'y toucherez pas avant longtemps, formaliser un système serait une dépense sans retour. L'intérêt apparaît dès que le site est appelé à bouger : nouvelles prestations, pages campagne, articles, ou plusieurs personnes qui interviennent dessus.
🗂️ Pour aller plus loin

Explorer nos services

À vous de jouer

Prêts à Récolter les fruits d'une bonne com ?

Une visibilité qui se construit, se mesure et vous appartient : votre entreprise mérite d'être trouvée.

Thomas Bracchetti

Thomas est un créateur multitâche avec une forte expertise web. Lui-même dirigeant, il connaît bien les enjeux et les problématiques auxquels sont confrontés les chefs d’entreprise.

À lire aussi

Les articles précédents