Création web 15 juin 2026 cahier des charges site web

Cahier des charges site web : le modèle pour ne rien oublier

Un cahier des charges de site web clair évite les dérapages de budget et de délai. Le modèle complet : objectifs, arborescence, fonctionnalités, contenu.

Cahier des charges site web : le modèle pour ne rien oublier

Un bon cahier des charges site web est l’assurance anti-dérapage de votre projet : il aligne tout le monde sur les objectifs, l’arborescence et le périmètre avant la première ligne de code. Sans lui, les budgets glissent et les délais s’allongent. Voici un modèle structuré, pensé pour une PME romande, à remplir avant de consulter une agence.

La plupart des projets qui dérapent ne dérapent pas à cause de la technique. Ils dérapent parce que personne n’a écrit, noir sur blanc, ce qu’on attendait du site. Chacun avait sa version dans la tête, et les écarts n’apparaissent qu’au moment de la livraison, quand il est coûteux de revenir en arrière. Le document que vous tenez entre les mains avant de signer vaut souvent plus que le devis lui-même.

À quoi sert un cahier des charges site web

Un cahier des charges site web remplit trois fonctions concrètes, et chacune vous fait gagner du temps et de l’argent.

D’abord, il cadre le projet. Mettre par écrit vos objectifs, vos cibles et vos contraintes vous oblige à clarifier ce que vous voulez vraiment. C’est un exercice de lucidité : beaucoup de dirigeants découvrent en le rédigeant que leur « besoin de refonte » cache en réalité un problème de positionnement ou de contenu, pas de design.

Ensuite, il met les devis sur une base commune. Sans document de référence, chaque agence chiffre ce qu’elle a compris (ou ce qui l’arrange), et vous comparez des propositions incomparables. Avec un cahier des charges, vous comparez des réponses à un même brief : les écarts de prix deviennent lisibles et révèlent les choix de chaque prestataire.

Enfin, il protège la relation. En cas de désaccord en cours de route, le document tranche : ce qui était prévu, ce qui ne l’était pas. Il transforme un litige potentiel en simple avenant clairement négocié.

Les sections indispensables

Cahier des charges d'un site web : le modèle pour ne rien oublier Photo : Negative Space / Pexels

Voici les blocs que tout cahier des charges site web devrait contenir. Vous pouvez les reprendre tels quels comme trame.

Contexte et objectifs

Présentez votre entreprise en quelques lignes : activité, marché, ce qui vous différencie. Puis l’essentiel : pourquoi ce projet, maintenant ? Un site qui ne convertit plus, une image qui ne reflète plus l’entreprise, un outil de gestion impossible à maintenir. Formulez ensuite des objectifs mesurables plutôt que vagues. « Avoir un beau site » n’est pas un objectif ; « générer des demandes de devis qualifiées » ou « permettre la prise de rendez-vous en ligne » en sont. Ce sont eux qui guideront tous les arbitrages suivants.

Cibles et arborescence

Qui visite le site, et pour faire quoi ? Décrivez deux ou trois profils types et l’action que vous attendez de chacun. Cette étape conditionne directement l’arborescence : la liste des pages et leur hiérarchie. Un simple schéma (accueil, services, à propos, blog, contact) suffit à démarrer. L’objectif n’est pas d’être exhaustif, mais de montrer comment l’information s’organise et comment un visiteur navigue jusqu’à l’action qui compte pour vous. C’est aussi le bon moment pour penser à la structure de votre contenu dans une logique de visibilité durable, sujet que nous approfondissons dans notre article sur le cocon sémantique.

Fonctionnalités attendues

Listez ce que le site doit faire, au-delà d’afficher du contenu : formulaire de contact, prise de rendez-vous, paiement en ligne, espace client, blog, multilingue, connexion à votre CRM ou à votre logiciel de facturation. Distinguez clairement le indispensable du souhaitable. Cette hiérarchie est précieuse : elle permet à l’agence de proposer une première version solide dans votre budget, puis d’enrichir par paliers, plutôt que de tout vouloir d’emblée et de tout retarder.

Contenu, langues et identité

Le contenu est la première cause de retard des projets web, loin devant la technique. Soyez honnête : disposez-vous des textes, des photos, du logo ? Ou faut-il les produire ? Précisez les langues (en Suisse romande, le français, parfois l’allemand ou l’anglais pour l’export) car elles multiplient la charge de rédaction et de structure. Indiquez si vous avez une charte graphique existante à respecter ou si l’identité visuelle fait partie du projet.

Contraintes techniques, budget et planning

Mentionnez vos contraintes : hébergement imposé, outils à conserver, exigences de conformité (protection des données, mentions légales suisses). Donnez une fourchette de budget, même large : c’est une information, pas une faiblesse. Une agence sérieuse l’utilise pour calibrer sa proposition au plus utile, pas pour gonfler ses prix. Enfin, posez un planning réaliste avec, si vous en avez, une date butoir (salon, lancement produit, fin de contrat avec l’hébergeur actuel).

Les questions à se poser avant de rédiger

Avant même d’ouvrir le document, répondez à ces questions déclenchantes. Elles font remonter l’essentiel :

  • Qui visite mon site aujourd’hui, et qui je voudrais qu’il visite ?
  • Quelle action unique compte le plus pour mon activité (appeler, acheter, réserver, télécharger) ?
  • Qu’est-ce qui ne va pas avec l’existant, précisément ?
  • De quoi suis-je fier dans mon entreprise, qui devrait transparaître ?
  • Qui, en interne, décide et qui valide ? (Rien ne ralentit plus un projet qu’un circuit de validation flou.)

Erreurs fréquentes

Deux écueils opposés guettent le cahier des charges site web.

Le premier : un document trop vague. « Je veux un site moderne et efficace » n’engage personne et ne permet aucun chiffrage sérieux. Plus vos attentes sont floues, plus les devis seront prudents (donc chers) ou décevants.

Le second, plus subtil : un cahier trop figé, qui spécifie chaque détail technique et empêche l’agence de vous conseiller. Vous payez une expertise : laissez-lui la liberté de proposer mieux que ce que vous aviez imaginé. Décrivez le quoi et le pourquoi (vos objectifs, vos contraintes), laissez le comment ouvert à la discussion.

Le bon équilibre : précis sur les objectifs et le périmètre, ouvert sur les solutions. C’est aussi pour cela qu’une refonte réussie est d’abord un travail d’alignement humain, comme nous le développons dans notre article dédié.

Comment utiliser ce cahier des charges site web avec une agence

Un cahier des charges n’est pas un document mort que l’on classe après signature. Il vit pendant tout le projet, et la façon dont vous l’utilisez avec votre prestataire change beaucoup de choses.

Envoyez-le avant le premier rendez-vous, pas pendant. L’agence arrive ainsi préparée, avec des questions précises et déjà une première intuition de la solution. Vous gagnez une réunion entière, et vous mesurez immédiatement la qualité de l’écoute : un bon partenaire reformule vos objectifs et challenge ce qui mérite de l’être, plutôt que de se contenter de cocher des cases.

Utilisez-le ensuite comme grille de comparaison. Quand plusieurs propositions arrivent, reprenez chaque section et vérifiez que tout est couvert. Une agence qui « oublie » le multilingue ou la connexion à votre CRM dans son devis ne l’a pas oublié par hasard : soit elle ne l’a pas lu, soit elle compte vous le facturer en supplément plus tard. Le document fait remonter ces zones d’ombre avant la signature, pas après.

Enfin, gardez-le comme référence partagée pendant la production. À chaque étape de validation, vous revenez au cahier des charges : la maquette répond-elle aux objectifs annoncés ? La fonctionnalité livrée correspond-elle au périmètre convenu ? Ce simple réflexe évite l’effet « ce n’est pas ce que j’imaginais » au moment de la mise en ligne, quand les corrections coûtent le plus cher.

Un document vivant, pas une formalité

Rédiger un cahier des charges site web demande quelques heures de réflexion. C’est probablement le meilleur investissement de tout votre projet : ces heures en amont vous épargnent des semaines de malentendus, des allers-retours coûteux et des fonctionnalités payées mais inutilisées. Un projet bien cadré n’est pas un projet rigide, c’est un projet où chacun sait où il va et peut concentrer son énergie sur ce qui crée vraiment de la valeur pour votre activité.

Si vous ne deviez retenir qu’une chose : soyez clair sur le pourquoi et le quoi, restez ouvert sur le comment. Le reste est une affaire de dialogue avec le bon partenaire.

Pour aller plus loin


Un projet à cadrer ? Découvrez notre approche de la création de site web ou parlons-en.

À lire aussi
Aa TYPO
Font Preview

Testez les combinaisons typographiques en live. Cliquez pour appliquer.

Actif
Outfit / Outfit
Consulting premium (alt. Söhne)
Éditorial Premium
Le patchwork digital
De la stratégie à l'exécution, chaque service est interconnecté.
Titres: Playfair Bold · Corps: Outfit Regular
Le patchwork digital
De la stratégie à l'exécution, chaque service est interconnecté.
Titres: DM Serif Display · Corps: Outfit Regular
Le patchwork digital
De la stratégie à l'exécution, chaque service est interconnecté.
Titres: Merriweather Black · Corps: Outfit Regular
Le patchwork digital
De la stratégie à l'exécution, chaque service est interconnecté.
Titres: Cormorant Bold · Corps: Outfit Regular
Le patchwork digital
De la stratégie à l'exécution, chaque service est interconnecté.
Titres: Lora Bold · Corps: Outfit Regular
Le patchwork digital
De la stratégie à l'exécution, chaque service est interconnecté.
Titres: Playfair Bold · Corps: Source Sans Regular
Le patchwork digital
De la stratégie à l'exécution, chaque service est interconnecté.
Titres: Georgia Bold · Corps: Outfit Regular
Consulting Premium
Le patchwork digital
De la stratégie à l'exécution, chaque service est interconnecté.
Titres: DM Sans Bold · Corps: Outfit Regular
Le patchwork digital
De la stratégie à l'exécution, chaque service est interconnecté.
Titres: Jakarta ExtraBold · Corps: Outfit Regular
Le patchwork digital
De la stratégie à l'exécution, chaque service est interconnecté.
Titres: Outfit Bold · Corps: Outfit Regular
Sobre & Efficace
Le patchwork digital
De la stratégie à l'exécution, chaque service est interconnecté.
Titres: Inter Bold · Corps: Outfit Regular
Le patchwork digital
De la stratégie à l'exécution, chaque service est interconnecté.
Titres: Source Sans Bold · Corps: Source Sans Regular
Le patchwork digital
De la stratégie à l'exécution, chaque service est interconnecté.
Titres: Libre Franklin Bold · Corps: Outfit Regular
Couleur d'accent
Orange
#E8731A
Bleu Royal
#2563EB
Emeraude
#059669
Violet
#7C3AED
Rouge
#DC2626
Cyan
#0891B2
Ambre
#D97706
Rose
#DB2777
Émeraude Profond
#3D7F6E
Vert Émeraude
#377E6E
Bleu Nuit
#1E3A5F
Bordeaux
#7A1F3D
Or Ancien
#A67C00
Terracotta
#B85C38
Bleu Pétrole
#1A5C6B
Olive
#6B7A3D
Prune
#5B2C6F
Acier
#3E6B8A
Corail
#D06040
Ardoise
#546E7A
Couleur active
Orange (actuel)