Le Guide du site vitrine
Un site vitrine présente une activité, une offre, un savoir-faire ou un projet sans reposer nécessairement sur un parcours de vente en ligne. Sa conception demande pourtant des choix techniques, éditoriaux et organisationnels. Sans document de cadrage, les décisions sont prises au fil des échanges, les contenus sont produits trop tard et les fonctionnalités peuvent être ajoutées sans cohérence.
Le cahier des charges sert de référence commune. Il décrit le résultat attendu, les utilisateurs concernés, les pages à créer, les contraintes à respecter et les critères permettant de vérifier que le projet est terminé. Ce document ne doit pas être une accumulation de termes techniques. Il doit permettre à une personne qui ne participe pas à chaque réunion de comprendre le périmètre du site.
Un cahier des charges utile répond notamment à ces questions :
Le document peut évoluer pendant la préparation, mais chaque modification importante doit être identifiée. Cette discipline limite les malentendus et aide à distinguer les besoins indispensables des idées à étudier dans une version ultérieure.
La première rubrique présente le projet en quelques paragraphes. Elle indique le contexte, la raison de la création ou de la refonte et le rôle attendu du site dans la communication numérique. Une formulation concrète vaut mieux qu’une intention générale comme améliorer la visibilité.
Les objectifs peuvent porter sur la présentation d’une offre, la génération de demandes de contact, la prise de rendez-vous, la diffusion d’informations pratiques ou le recrutement. Pour chaque objectif, il est pertinent de préciser le comportement attendu du visiteur. Par exemple, une page de service peut conduire vers un formulaire, un numéro de téléphone, une adresse électronique ou une demande de devis.
Lorsque des indicateurs sont prévus, le cahier des charges doit préciser leur définition et leur méthode de suivi. Les indicateurs peuvent concerner les consultations de pages, les envois de formulaires ou les clics sur un élément d’action. Il faut éviter de présenter un indicateur comme une garantie de performance. Sa valeur dépend de la qualité des données collectées, du consentement lorsque celui-ci est requis et du contexte de consultation.
Cette rubrique peut contenir :
Décrire un public ne consiste pas à écrire une formule très large comme tout le monde. Le cahier des charges doit distinguer les profils qui n’ont ni les mêmes questions ni les mêmes contraintes. Un particulier peut rechercher une information rapide depuis un smartphone, tandis qu’un professionnel peut vouloir consulter une présentation détaillée, un document technique ou un moyen de contact adapté à son organisation.
Pour chaque profil, rédigez les besoins, le niveau de connaissance du sujet, le contexte de consultation et l’action recherchée. Cette analyse influence l’arborescence, le vocabulaire, la longueur des textes et la priorité donnée aux appels à l’action.
Le parcours peut être décrit étape par étape :
Une carte des parcours permet de repérer les pages isolées, les liens manquants et les étapes inutiles. Elle sert aussi à préparer les menus, les liens contextuels et les boutons d’action. Le cahier des charges peut inclure un parcours prioritaire pour chaque public, sans imposer une navigation identique à tous les visiteurs.
L’arborescence décrit l’organisation du site avant la rédaction détaillée. Elle doit faire apparaître les niveaux de navigation et les relations entre les pages. Une structure courante peut comprendre une page d’accueil, une présentation, une ou plusieurs pages d’offres, une page de réalisations ou de références, une page de contact et les pages obligatoires liées aux données personnelles.
Chaque page mérite une fiche dans le cahier des charges. Cette fiche indique son objectif, son public, son contenu attendu, son appel à l’action, ses liens entrants et sortants ainsi que sa priorité. Il est également utile de préciser si la page doit être indexable par les moteurs de recherche ou si elle a une fonction uniquement administrative.
Le tableau suivant aide à transformer une arborescence en plan de production :
| Page | Rôle principal | Contenus à prévoir | Action attendue |
|---|---|---|---|
| Accueil | Orienter et faire comprendre la proposition | Accroche, bénéfices, preuves, accès aux rubriques | Consulter une offre ou contacter |
| Présentation | Donner du contexte et instaurer la confiance | Approche, méthodes, engagements vérifiables | Découvrir une offre |
| Page d’offre | Répondre à un besoin précis | Description, limites, déroulement, questions | Demander des informations |
| Contact | Permettre un échange qualifié | Coordonnées, formulaire, informations pratiques | Envoyer une demande |
| Mentions et confidentialité | Informer le visiteur et encadrer les traitements | Mentions légales, politique de confidentialité, cookies si nécessaire | Consulter les informations |
Cette liste n’est pas universelle. Elle doit être adaptée au projet, en évitant de créer des pages dont le contenu serait trop court, redondant ou sans utilité pour le visiteur.
Une page bien placée dans un menu ne suffit pas. Le cahier des charges doit préciser les contenus à rédiger et les informations à fournir. Pour chaque page, indiquez le sujet principal, l’intention de recherche éventuelle, le niveau de détail souhaité et les éléments de preuve disponibles.
La fiche éditoriale peut comporter les éléments suivants :
Le document doit séparer les informations certaines des éléments à confirmer. Cette distinction évite de publier une promesse non vérifiée, une caractéristique technique incertaine ou une donnée qui n’est plus à jour.
Le référencement naturel doit être intégré à cette étape. Le cahier des charges peut prévoir une expression principale par page, des sujets associés, une structure de titres cohérente, une adresse de page lisible et une description destinée à l’affichage dans les résultats de recherche. Ces éléments orientent la rédaction sans conduire à répéter artificiellement des mots-clés.
La rubrique graphique présente l’identité visuelle attendue et les règles d’utilisation des éléments visuels. Elle peut préciser les couleurs, les typographies, le style des images, les formes de boutons, les espacements et les composants récurrents. Si une charte existe, le cahier des charges doit indiquer les fichiers disponibles et les règles qui s’appliquent aux écrans numériques.
L’ergonomie concerne la compréhension et l’utilisation du site. Décrivez la position du menu, le comportement sur petit écran, la visibilité des actions principales, les états des boutons et les messages affichés après une erreur. La conception doit prendre en compte les personnes utilisant un clavier, un lecteur d’écran, un agrandissement du texte ou un contraste renforcé.
Les recommandations WCAG publiées par le W3C constituent une référence internationale pour l’accessibilité du contenu web. Le cahier des charges peut demander une structure sémantique correcte, des alternatives textuelles pour les images informatives, des intitulés de liens explicites, une navigation au clavier et des formulaires accompagnés d’instructions compréhensibles.
Prévoyez aussi les contraintes liées aux images :
Le site vitrine peut contenir peu de fonctions visibles tout en nécessitant un cadrage technique précis. La rubrique fonctionnelle décrit ce que le visiteur peut faire et ce que l’administrateur doit pouvoir gérer. Chaque fonction doit être associée à des règles et à un résultat attendu.
Pour un formulaire de contact, précisez les champs obligatoires, les champs facultatifs, les contrôles de saisie, le message d’erreur, la confirmation après envoi, les destinataires et la durée de conservation prévue. Pour une prise de rendez-vous, indiquez les disponibilités, les fuseaux horaires, les notifications, les annulations et les données transmises au service utilisé.
Les contraintes techniques peuvent couvrir :
Il faut distinguer une exigence d’une préférence. Une exigence conditionne l’acceptation du projet, alors qu’une préférence peut être arbitrée selon le coût, la maintenance ou la compatibilité. Cette distinction rend les choix plus transparents et réduit les discussions tardives.
La sécurité ne doit pas être ajoutée après la mise en ligne. Le cahier des charges doit recenser les données collectées, les personnes qui peuvent y accéder, les outils qui les traitent et les mesures prévues pour limiter les risques. Un formulaire de contact, une mesure d’audience, une carte interactive ou une vidéo intégrée peuvent impliquer des traitements différents.
Le Règlement général sur la protection des données, souvent désigné par le sigle RGPD, encadre les traitements de données personnelles dans l’Union européenne. La CNIL publie des informations et recommandations utiles pour documenter les finalités, la base légale, l’information des personnes, les durées de conservation et l’exercice des droits. Le cahier des charges doit prévoir une validation juridique ou organisationnelle adaptée au contexte, plutôt que de présenter une conformité automatique.
Les mesures techniques et organisationnelles à inscrire peuvent comprendre :
Les mentions légales, la politique de confidentialité et l’information relative aux cookies doivent être prévues dans la liste des livrables. Leur rédaction dépend de la situation du site et des traitements réellement mis en œuvre.
Le référencement naturel se prépare dans l’arborescence, les contenus et la structure technique. Le cahier des charges peut demander des adresses lisibles, des titres de pages distincts, une hiérarchie de titres cohérente, des liens internes utiles, des images décrites et une capacité à gérer les redirections lorsqu’une ancienne page est supprimée.
La performance doit être définie en termes d’usage. Une page lourde ou lente peut gêner les personnes disposant d’une connexion limitée et dégrader la consultation sur mobile. Les actions prévues peuvent inclure la compression des images, le chargement différé des ressources non prioritaires, la limitation des scripts externes et la vérification du fonctionnement après chaque ajout.
Le suivi doit rester proportionné au besoin. Si une mesure d’audience est utilisée, précisez les objectifs, les événements suivis, les personnes autorisées à consulter les données et les règles de consentement applicables. Un tableau de bord trop complexe est rarement utile si personne ne sait interpréter ses indicateurs.
Après la mise en ligne, prévoyez une vérification des éléments suivants :
Un projet avance avec moins d’incertitude lorsque les livrables sont nommés et associés à des responsables. Le cahier des charges peut distinguer les maquettes, l’arborescence, les textes, les visuels, les développements, les paramétrages, les tests, la documentation et la mise en production.
Pour chaque livrable, précisez qui le prépare, qui le valide, dans quel format il est remis et à quelle date il doit être disponible. Une validation tardive des textes peut bloquer la mise en page, tandis qu’une image non fournie peut modifier la composition d’une page. Le calendrier doit donc inclure les temps de relecture, de correction et de recette.
La recette correspond à la vérification du site par rapport aux exigences prévues. Elle doit s’appuyer sur une liste de tests reproductibles. Un défaut peut être classé selon son impact, par exemple blocage d’une fonction, anomalie gênante ou correction de présentation. Les critères de clôture doivent être définis avant les tests afin d’éviter de modifier les règles en cours d’évaluation.
La rubrique des responsabilités peut préciser :
Un cahier des charges ne peut pas déterminer un coût fiable sans décrire le périmètre, les contenus et les fonctions. Il peut en revanche séparer les postes à chiffrer : conception, rédaction, design, développement, hébergement, nom de domaine, outils tiers, production d’images, maintenance et accompagnement.
Les frais récurrents doivent être distingués des coûts de création. Une solution peut demander des mises à jour régulières, une surveillance de sécurité, des sauvegardes, une assistance ou une licence. Chaque poste doit indiquer sa fréquence, ce qui est inclus et ce qui déclenche une prestation supplémentaire.
La maintenance éditoriale mérite une rubrique dédiée. Précisez quelles pages doivent être révisées, à quel moment les informations sont contrôlées et qui reçoit les demandes de modification. Les coordonnées, horaires, tarifs, conditions d’accès et documents téléchargeables sont des contenus susceptibles de devenir obsolètes.
Enfin, documentez les évolutions envisagées sans les intégrer automatiquement au périmètre initial. Une future rubrique, une version multilingue, un espace privé ou un module de réservation peuvent être mentionnés comme contraintes de compatibilité. Cette anticipation évite de choisir une architecture qui empêcherait toute évolution, tout en conservant une limite claire pour la première version.
Pour rédiger le document, commencez par l’objectif et les publics avant de choisir les technologies. Construisez ensuite l’arborescence, puis rédigez la fiche de chaque page. Ajoutez les exigences graphiques, fonctionnelles, techniques, juridiques et de sécurité. Terminez par les livrables, le calendrier, la recette et la maintenance.
Une relecture croisée permet de repérer les contradictions. La personne qui connaît le contenu peut vérifier l’exactitude des informations, tandis qu’une personne moins familière avec le projet peut signaler les passages ambigus. Chaque terme technique doit être défini ou remplacé par une formulation compréhensible.
Avant de valider le document, posez ces questions :
Un bon cahier des charges ne cherche pas à prévoir chaque détail de l’avenir. Il rend les décisions importantes explicites, fournit un cadre de vérification et facilite la production de contenus utiles. Pour un site vitrine, cette précision éditoriale et technique conditionne autant la qualité de l’expérience que l’apparence des pages.
Il est préférable de définir d’abord les objectifs, les publics, les pages et les fonctionnalités. Ces éléments permettent ensuite de comparer les solutions selon des besoins concrets, plutôt que de choisir un outil dont les possibilités ne correspondent pas au projet.
Le cahier des charges doit nommer la personne ou le groupe responsable de chaque contenu. La rédaction peut être réalisée en interne ou confiée à un prestataire, mais la validation des informations, des engagements et des données réglementaires doit être organisée avant la mise en ligne.
Il doit au moins prévoir leur présence, les informations nécessaires à leur rédaction et la personne chargée de leur validation. Le contenu exact dépend de la situation du site, de son éditeur et des traitements réalisés.
Préparez une recette à partir de critères observables : pages disponibles, liens fonctionnels, formulaires testés, affichage responsive, accessibilité de base, sécurité, contenus validés et réception correcte des notifications. Chaque anomalie doit être décrite avec son contexte et son niveau d’impact.
