VezertVezert
Back to Resources

Comment rédiger un cahier des charges web qui produit de vrais résultats

Cahier des charges site internet : trame à copier, exemple de rédaction, section par section, et ce qui change pour une refonte.

Mis à jour September 24, 202612 minLena Tarhonska · Cofondatrice et CEO chez Vezert
Guide pour rédiger un brief de design web avec des conseils pratiques

Le cahier des charges web est le document le plus sous-estimé de tout projet web. Je l'ai constaté de mes propres yeux : des entreprises passent des semaines à évaluer des agences, à négocier des contrats et à débattre de palettes de couleurs, puis transmettent un e-mail d'une demi-page comme "brief" et s'étonnent que le résultat final soit à côté de la plaque. Plus de 30% des grands projets numériques dépassent leur budget ou leurs délais, et un cadrage insuffisant en est presque toujours la cause.

Voici la réalité : votre brief n'est pas une simple formalité. C'est le socle sur lequel reposent chaque décision de design, chaque sprint de développement et chaque stratégie de contenu. Un cahier des charges bien construit aligne votre équipe, donne à votre agence le contexte nécessaire pour produire un excellent travail et vous protège contre le glissement de périmètre qui ronge votre budget. Que vous commandiez un site web corporate ou une landing page à forte conversion, la qualité du résultat est directement liée à la qualité du brief initial.

Ce guide parcourt chaque section dont votre brief a besoin, explique pourquoi chacune est importante et vous donne les détails pratiques pour rédiger quelque chose dont votre agence vous remerciera.

Pourquoi un cahier des charges web compte plus que vous ne le pensez

Pensez à un cahier des charges web comme au plan architectural d'un bâtiment. Vous ne laisseriez pas une équipe de construction couler du béton sur la base d'une description verbale, n'est-ce pas ? La même logique s'applique au web design. Sans brief écrit, vous reposez sur des suppositions, et les suppositions, c'est là que les projets déraillent.

Un brief solide remplit trois missions majeures. Premièrement, il force l'alignement stratégique interne sur les objectifs réels avant tout engagement financier. Deuxièmement, il fournit à l'agence une source de vérité unique pour trancher les arbitrages techniques et créatifs. Troisièmement, il établit un cadre de responsabilité partagé pour valider chaque livrable selon des critères objectifs.

Les études en gestion de projet confirment que des exigences initiales documentées réduisent drastiquement les retards et les dépassements budgétaires. Le cahier des charges constitue votre meilleure garantie contre le glissement de périmètre.

Différence clé avec un appel d'offres

Ne confondez pas brief et appel d'offres. L'appel d'offres est un document administratif d'achat pour solliciter plusieurs prestataires. Le cahier des charges est le document technique et créatif qui guide la conception réelle, que vous consultiez une seule agence ou plusieurs.

Un professionnel du marketing cartographie les personas de sa cible sur un tableau blanc avec des post-its
Définir votre cible tôt dans le brief permet d'éviter de coûteux changements de cap plus tard dans le projet

Section 1 : Contexte business et historique du projet

Chaque brief devrait s'ouvrir sur un contexte. Votre agence doit comprendre qui vous êtes, ce que vous vendez et où vous vous situez dans votre marché avant de pouvoir concevoir quoi que ce soit de pertinent. Ne supposez pas qu'elle fera ses propres recherches, donnez-lui une longueur d'avance avec les informations qui comptent vraiment.

Présentation de l'entreprise

Décrivez votre activité de manière concise : modèle économique, clients cibles et positionnement sectoriel. Mentionnez tout rebranding récent, pivot ou fusion. Une entreprise industrielle historique et une jeune pousse SaaS nécessitent des architectures web fondamentalement différentes, même si toutes deux recherchent la génération de prospects qualifiés.

Évaluation du site actuel

Détaillez les forces et faiblesses du site existant : lenteurs de chargement, arborescence confuse, contenu obsolète ou faible conversion mobile. Si vous disposez de métriques clés (taux de rebond, sessions, tunnels de vente), partagez-les pour offrir une base de référence tangible à l'agence.

Paysage concurrentiel

Citez trois à cinq concurrents directs en précisant leurs réussites et leurs lacunes visuelles ou ergonomiques. Cela montre à votre agence les standards perçus par votre audience et permet d'identifier vos opportunités réelles de différenciation.

Section 2 : Objectifs du projet et KPIs mesurables

« Nous voulons un site moderne » n'est pas un objectif. Les objectifs doivent être spécifiques, mesurables et liés à des résultats business. C'est dans cette section que la plupart des briefs médiocres s'effondrent, ils décrivent à quoi le site devrait ressembler plutôt que ce qu'il devrait accomplir.

Objectifs primaires et secondaires

Commencez par votre objectif principal. Le site est-il destiné à générer des leads ? Stimuler les ventes de produits ? Recruter des talents ? Établir un leadership éclairé ? Choisissez un objectif principal et, si nécessaire, deux ou trois objectifs secondaires. Un site qui tente de tout faire également bien ne fait généralement rien de remarquable.

Exemples d'objectifs primaires :

  • Augmenter les demandes de démo de 40% dans les six mois suivant le lancement
  • Réduire les appels au service client en proposant une base de connaissances en libre-service
  • Positionner l'entreprise comme un leader du marché dans les logiciels de logistique d'entreprise

Métriques de succès

Attachez des chiffres à vos objectifs. Quels KPIs suivrez-vous pour déterminer si le nouveau site performe ? Taux de conversion, taux de rebond, temps moyen sur page, soumissions de formulaires, volume de leads qualifiés, ce sont les métriques qui transforment une ambition vague en cible mesurable. Votre agence peut alors concevoir en gardant ces métriques en tête, et pas seulement l'esthétique.

Section 3 : Cible et personas utilisateurs

Votre site n'est pas fait pour vous, il est fait pour vos clients. Chaque décision de design, du libellé de la navigation au style des visuels, doit être filtrée par le prisme de qui utilisera réellement le site. Un brief qui saute cette section force l'agence à deviner, et deviner coûte cher.

Définir les personas utilisateurs

Décrivez vos deux ou trois segments prioritaires : données démographiques, intitulé de poste, problématiques clés et action recherchée lors de la visite.

Exemple pour un SaaS B2B :

  • Directeur IT (décideur) : Évalue la sécurité, les intégrations d'API et demande une démonstration technique.
  • Responsable marketing (prescripteur) : Analyse la simplicité d'usage, télécharge des cas clients et recommande la solution en interne.

Parcours utilisateurs et points d'entrée

Considérez les canaux d'arrivée : recherche organique sur la page d'accueil, campagne publicitaire vers une landing page ou trafic social vers un article. Cartographier ces points de contact permet à l'agence de concevoir des parcours personnalisés et performants.

Conseil pro : N'ingéniez pas vos personas à outrance

Vous n'avez pas besoin d'un document de 20 pages sur les personas pour rédiger un brief efficace. Deux ou trois profils d'audience bien définis, chacun avec un nom, un titre, une problématique et un objectif, donneront à votre équipe de design tout ce dont elle a besoin pour prendre des décisions UX pertinentes. La perfection est l'ennemie du projet livré.

Section 4 : Périmètre, plan du site et fonctionnalités

C'est ici que le brief devient concret. Vous devez définir ce que le site contient réellement, combien de pages, quelle fonctionnalité et à quoi ressemble la structure de base. Sauter cette section est la première cause de glissement de périmètre.

Liste des pages et plan du site

Rédigez une liste préliminaire de toutes les pages que vous attendez sur le site. Regroupez-les logiquement : Accueil, À propos, Services (avec sous-pages), Portfolio, Blog, Contact. Vous n'avez pas besoin d'un plan de site finalisé, une simple hiérarchie rédigée sous forme de liste à puces suffit à ce stade. Votre agence l'affinera lors de la phase de découverte, mais lui fournir un point de départ accélère considérablement les choses.

Un site corporate typique peut inclure 15 à 30 pages. Si vous prévoyez quelque chose de plus grand, disons, un portail web avec des comptes utilisateurs et des tableaux de bord, signalez-le clairement, car l'effort de développement est d'un ordre de grandeur différent.

Fonctionnalités indispensables

Listez chaque fonctionnalité que le site doit avoir au lancement. Soyez précis. « Formulaire de contact » est trop vague, a-t-il besoin d'une logique conditionnelle, d'envoi de fichiers, d'une intégration CRM ? Voici les fonctionnalités courantes à considérer :

  • Formulaires de contact et de demande
  • Section blog ou actualités avec catégories et recherche
  • Support multilingue
  • Fonctionnalité e-commerce (pages produits, panier, paiement)
  • Authentification et espaces compte utilisateur
  • Outils interactifs (calculateurs, configurateurs, systèmes de réservation)
  • Conformité accessibilité (WCAG 2.1 AA)

Fonctionnalités souhaitables

Séparez vos indispensables de vos souhaitables. Cela donne à l'agence la possibilité de prioriser si le budget se resserre, et évite que des fonctionnalités importantes soient déprioritisées parce qu'un widget de chat a consommé les heures restantes.

Un designer esquisse un plan de site et une structure de wireframe sur papier
Même un plan de site ébauché dans votre brief permet d'économiser des heures d'allers-retours pendant la phase de découverte

Section 5 : Direction artistique et charte graphique

Les designers ne lisent pas dans les pensées. Si vous avez des préférences, ou des contraintes, concernant le style visuel, c'est l'endroit pour les exprimer. Mais il y a un équilibre à trouver : donner suffisamment de direction pour être utile sans microgérer le processus créatif.

Assets et chartes graphiques

Joignez vos éléments existants : logo en format vectoriel, palette de couleurs avec codes hexadécimaux et règles typographiques. Si vous n'avez pas de charte formelle, signalez-le : l'agence saura qu'un travail préalable sur le design system est nécessaire.

Références visuelles et moodboards

Partagez trois à cinq sites de référence en expliquant précisément ce qui vous séduit (structure des sections héro, mise en valeur des produits, typographie épurée). Les anti-références sont tout aussi précieuses : mentionnez d'emblée les éléments que vous refusez, comme les carrousels encombrants ou les contrastes insuffisants.

Direction photographique et imagerie

Précisez si vous disposez d'une photothèque interne, si vous envisagez un shooting sur mesure ou des visuels de stock. Si vous souhaitez des illustrations ou des icônes sur mesure, indiquez-le car cela influence le budget et le rendu esthétique.

Section 6 : Stratégie de contenu et besoins rédactionnels

Le contenu et le design sont indissociables. Le site le mieux conçu du monde ne convertira pas si le texte est faible, obsolète ou tout simplement absent. Votre brief doit clarifier la situation du contenu pour que votre agence puisse planifier en conséquence.

Audit du contenu existant

Disposez-vous de contenu pouvant être migré vers le nouveau site, ou tout doit-il être rédigé de zéro ? Si vous migrez, êtes-vous satisfait du texte actuel, ou doit-il être réécrit ? Faites une évaluation honnête. Beaucoup de retards de projet surviennent parce que le contenu était censé être « prêt » mais est arrivé en retard, incomplet ou dans le mauvais format.

Ton et style de communication

Décrivez comment votre marque communique. Formelle ou conversationnelle ? Technique ou accessible ? Authoritative ou amicale ? Si vous disposez d'un guide de voix de marque, incluez-le. Sinon, partagez deux ou trois exemples de contenus existants, une brochure, une campagne e-mail, une publication sur les réseaux sociaux, qui représentent le ton que vous visez.

SEO et stratégie de mots-clés

Si vous avez effectué une recherche de mots-clés, partagez-la. Sinon, listez au moins les sujets et les expressions que votre cible est susceptible de rechercher. Cela aide l'agence à planifier l'architecture du site autour de l'intention de recherche, en s'assurant que les pages sont structurées pour se positionner sur les termes qui comptent pour votre activité. Un bon SEO commence par le plan du site, pas après le lancement.

Besoin d'aide pour définir votre projet ?

Vous ne savez pas par où commencer avec votre brief ? Nous proposons un appel de découverte gratuit pour vous aider à clarifier les objectifs, le périmètre et le budget avant qu'un seul pixel ne soit conçu.

Réserver un appel de découverte gratuit

Section 7 : Exigences techniques et intégrations

Même si vous n'êtes pas technique, vous devez couvrir cette section. La sauter entraîne presque toujours des coûts imprévus plus tard, quand l'agence découvre en cours de développement que vous avez besoin d'une intégration CRM ou d'une configuration d'hébergement spécifique.

Préférences de plateforme et de technologie

Avez-vous un CMS préféré (WordPress, CMS headless, solution sur mesure) ? Y a-t-il des contraintes techniques imposées par votre équipe IT ? Si vous n'avez pas de préférence, dites-le, une bonne agence recommandera la stack adaptée à vos besoins. Chez Vezert, nous orientons souvent nos clients vers des frameworks modernes comme Next.js combinés à des solutions CMS headless, mais le bon choix dépend toujours du projet spécifique.

Intégrations tierces

Listez chaque système auquel le site doit se connecter : CRM (HubSpot, Salesforce), marketing par e-mail (Mailchimp, ActiveCampaign), analytics (Google Analytics 4, Hotjar), passerelles de paiement, systèmes ERP, outils de réservation, etc. Chaque intégration ajoute de la complexité et du coût, mieux vaut donc les identifier tôt.

Hébergement et performance

Mentionnez toute préférence ou exigence d'hébergement. Si vous évoluez dans un secteur réglementé, il peut y avoir des contraintes de résidence des données. Si la performance est critique, et elle devrait l'être, car Google utilise la vitesse des pages comme facteur de classement, notez vos attentes. Les benchmarks Core Web Vitals sont une référence raisonnable.

Standards d'accessibilité

Spécifiez le niveau de conformité accessibilité que vous exigez. WCAG 2.1 AA est le standard le plus courant pour les sites commerciaux et constitue de plus en plus une obligation légale dans de nombreuses juridictions. Si votre audience comprend des organismes gouvernementaux ou du secteur public, c'est non négociable.

Trois exigences gagnent à être nommées par leur standard plutôt que par une intention. L'accessibilité : citez le niveau visé du RGAA, obligatoire pour le secteur public en France et de plus en plus demandé ailleurs, plutôt que le mot "accessible". La performance : les seuils Core Web Vitals de Google considèrent un Largest Contentful Paint supérieur à 2,5 secondes comme à améliorer, donc écrivez le chiffre et l'appareil sur lequel vous l'attendez. Les données personnelles : les règles de la CNIL sur les traceurs conditionnent votre bandeau de consentement et votre outil de mesure, et cela se décide avant le développement.

Section 8 : Budget, planning et prise de décision

Je sais que partager votre budget peut sembler inconfortable. La plupart des clients craignent que s'ils révèlent leur chiffre, l'agence le dépense entièrement. Mais voici la réalité : ne pas divulguer votre budget fait perdre du temps à tout le monde. Si vous avez 15 000 € et que le minimum de l'agence pour votre périmètre est de 40 000 €, mieux vaut le savoir lors de la première conversation qu'après deux semaines de propositions.

Fourchette budgétaire

Vous n'avez pas besoin de donner un chiffre précis. Une fourchette réaliste suffit, par exemple, 20 000–30 000 €. Cela permet à l'agence de personnaliser sa proposition à vos contraintes, de suggérer où investir et où économiser, et d'identifier tout élément de votre liste qui ne correspond pas au budget. La transparence ici renforce la confiance et conduit à de meilleures propositions.

Planning et dates clés

Indiquez votre date de lancement idéale et précisez s'il s'agit d'une échéance ferme (liée à un lancement de produit, une obligation réglementaire ou un événement) ou d'un objectif flexible. Mentionnez les jalons intermédiaires : « La conception de la page d'accueil doit être validée avant le 15 avril » ou « Le lancement bêta doit avoir lieu avant le salon professionnel en septembre. » Les délais réalistes s'étendent généralement de 10 à 16 semaines pour un site corporate complet, bien que la complexité et la disponibilité du contenu puissent allonger cette durée.

Processus de prise de décision

Clarifiez qui a le pouvoir de validation. Est-ce une seule personne, ou un comité doit-il approuver chaque phase ? Combien de séries de révisions prévoyez-vous ? Qui consolide les retours ? Les projets s'enlisent quand six personnes envoient des retours contradictoires à l'agence. Nommer un interlocuteur unique pour les validations est l'une des choses les plus simples que vous puissiez faire pour maintenir un projet sur les rails.

Le test de la transparence budgétaire

Si une agence vous congédie pour avoir partagé une fourchette budgétaire, elle n'est pas le bon partenaire. Les bonnes agences utilisent votre budget pour concevoir la meilleure solution possible dans vos moyens. Celles qui valent la peine d'être engagées vous diront honnêtement ce qui est réalisable et où faire des compromis, et cette conversation n'est possible que lorsqu'elles connaissent les chiffres.

Deux professionnels examinent ensemble un cahier des charges web autour d'une table de réunion
Les meilleurs briefs sont des documents collaboratifs, affinés par la conversation, pas rédigés en solitaire

Quel modèle de cahier des charges site internet utiliser : la trame à copier

Les huit sections ci-dessus expliquent le pourquoi. Voici la trame elle-même, à recopier telle quelle dans un document et à remplir. Un cahier des charges site internet utile tient en six à douze pages : au-delà, les agences le survolent.

  1. Présentation de l'entreprise. Activité, marché, clients cibles et positionnement en quelques phrases concrètes.
  2. Contexte du projet. Site existant ou création, motivations du projet et historiques d'essais.
  3. Objectifs et indicateurs. Deux ou trois indicateurs chiffrés avec méthodes de mesure et échéances précises.
  4. Cibles et personas. Qui visite le site, besoins recherchés, types d'appareils et langues requises.
  5. Périmètre fonctionnel. Arborescence prévisionnelle, gabarits clés et priorisation (indispensables vs secondaires).
  6. Direction artistique. Charte existante ou à créer, trois références commentées et trois contre-exemples visuels.
  7. Stratégie de contenu. Inventaire des textes existants, contenus à rédiger et répartition des responsabilités.
  8. Contraintes techniques. Hébergement, intégrations tierces, RGAA, Core Web Vitals et conformité CNIL.
  9. Budget et planning. Fourchette budgétaire réaliste, date de livraison cible et jalons de validation.
  10. Gouvernance. Personnes décisionnaires, délais de validation interne et arbitrage des désaccords.
  11. Modalités de réponse. Format attendu, date limite de réception des devis et contact référent.

Un cahier des charges efficace se reconnaît à la précision de ses exigences : privilégiez toujours des critères vérifiables lors de la recette plutôt que des intentions vagues. Évitez également de surcharger le document avec des rubriques génériques sans rapport avec votre métier.

Comment adapter le cahier des charges pour une refonte de site ?

Un cahier des charges de refonte de site internet n'est pas un cahier des charges de création auquel on ajoute le mot refonte. Vous partez d'un existant qui a des données, des positions et des habitudes, et c'est cet existant qui pilote le document.

Ce qu'il faut ajouter :

  • L'audit de l'existant. Pages les plus visitées sur douze mois, pages qui convertissent, pages qui ne reçoivent rien. Sans ces trois listes, l'agence redessine à l'aveugle et vous perdez du trafic acquis.
  • Le plan de redirections. Toute URL qui change doit avoir sa destination. C'est la cause numéro un de chute de trafic après une refonte, et cela se décide avant la maquette, pas après le lancement.
  • Ce qui doit survivre. Contenus à conserver à l'identique, formulaires connectés à votre CRM, comptes clients, historiques de commandes, intégrations en place.
  • La raison de la refonte. Un site qui ne convertit pas et un site qui ne plaît plus à la direction appellent deux projets différents. Écrivez laquelle des deux situations est la vôtre.

Ce qui change de nature : la section objectifs devient une comparaison. Vous ne visez pas un taux de conversion dans l'absolu, vous visez une amélioration par rapport à une valeur que vous connaissez déjà. C'est plus exigeant à écrire et bien plus facile à vérifier six mois après.

Sur la préparation complète d'un projet de ce type, notre guide de la refonte de site internet détaille les étapes en amont du cahier des charges, et l'article sur le devis de refonte donne les fourchettes de prix constatées en France.

SectionCréation de siteRefonte de site
ObjectifsCibles à définir de zéroÉcart chiffré par rapport aux valeurs actuelles
ContenusTout est à produireInventaire de l'existant : à garder, réécrire, supprimer
PérimètreListe des gabarits souhaitésGabarits actuels plus ceux qui manquent
TechniqueChoix de la plateformePlan de redirections URL par URL, obligatoire
Risque principalLe planning des contenusLa perte de trafic acquis au lancement
Preuve de réussitePremiers résultats à six moisComparaison avant/après sur les mêmes indicateurs

Quelles erreurs font dérailler même les meilleurs briefs ?

Après avoir passé en revue des centaines de briefs au fil des années, certains schémas d'échec reviennent constamment. Éviter ces erreurs courantes peut vous épargner des semaines de retard, des tensions d'équipe évitables et des milliers d'euros gaspillés en modifications tardives.

Être trop vague

« Nous voulons quelque chose de moderne et épuré » apparaît dans environ 90% des briefs. Sans exemples concrets, cette formule ne guide personne. Remplacez les qualificatifs abstraits par des liens précis et décrivez les interactions exactes attendues pour que les propositions graphiques visent juste d'emblée.

Être trop prescriptif

L'extrême inverse est tout aussi contre-productif. Dicter les dimensions au pixel près bride l'expertise créative et technique de l'agence. Fixez des objectifs et des contraintes fonctionnelles claires, puis laissez les designers concevoir les meilleures solutions d'interface.

Négliger le contenu jusqu'à la fin

Le design sans contenu reste une coquille vide. Prévoir les textes et les médias parallèlement à la conception évite la panique habituelle en fin de projet. Vos flux éditoriaux doivent avancer au même rythme que les maquettes.

Sauter l'alignement interne

Obtenez l'accord formel de toutes les parties prenantes (direction, ventes, support) avant l'envoi du brief. Les désaccords internes découverts en cours de développement sont les demandes d'évolution les plus coûteuses.

Votre brief est le plan directeur, donnez-lui toute son importance

Rédiger un cahier des charges web approfondi demande un effort initial, mais il se rentabilise plusieurs fois. Les projets qui démarrent avec un brief clair avancent plus vite, coûtent moins cher et produisent de meilleurs résultats. Le brief est là où la stratégie rencontre l'exécution, il transforme vos objectifs business en un document sur lequel votre équipe de design et développement peut réellement agir.

Vous n'avez pas besoin d'écrire un roman. Un brief ciblé de quatre à huit pages couvrant le contexte business, les objectifs, l'audience, le périmètre, la direction artistique, le contenu, les besoins techniques et le budget vous mettra en avance sur 80% des projets qui se lancent avec des e-mails vagues et des notes de réunion éparpillées.

Chez Vezert, nous avons construit notre processus de découverte autour du brief. Chaque projet commence par un kickoff structuré où nous examinons le brief ensemble, comblons les lacunes éventuelles et nous alignons sur les priorités avant qu'un seul wireframe ne soit tracé. C'est l'approche qui nous permet de livrer des sites qui atteignent leurs objectifs, dans les délais, dans le budget et conçus pour une croissance mesurable.

Prêt à démarrer votre prochain projet web du bon pied ? Contactez-nous et nous vous aiderons à façonner un brief qui pose les fondations d'un site web qui fonctionne vraiment.

Related Articles

Explore more articles on similar topics to deepen your understanding

Explore All Articles

Frequently Asked Questions

Find answers to common questions about this topic