Exemple de cahier des charges de site web

Le cahier de charges est un document qui présente les particularités et les objectifs d’un projet. Il est incontournable dans la réalisation des projets web et précisément dans la conception d’un site internet. Dans ce dernier cas en particulier, il va permettre de définir une orientation fonctionnelle de tous les éléments intégrés au projet afin que chaque partie prenante soit au fait de ce qui doit être réalisé et de façon synchrone.

Cela demande donc une bonne préparation de ce document afin d’éviter toute omission tout en relevant l’ensemble des éléments qui vont être pris en considération pour le déploiement du projet. Afin de vous donner une idée précise de l’utilité de ce document, nous vous proposons un modèle de structure de cahier des charges de site web .

La présentation de l’entreprise

C’est le point d’entrée de votre cahier des charges de site web car il permet de présenter le porteur du projet, en l’occurrence l’entreprise, et de montrer que l’on a bien cerné ses besoins.

Il est donc question ici d’avoir une vue d’ensemble de l’entreprise concernée par le projet, et d’établir une corrélation entre ses principales activités et les objectifs du site.

Ces objectifs doivent être clairement présentés ainsi que les différentes personnes appelées à intervenir sur le projet. Par ailleurs, il conviendra de mentionner ici les personnes ciblées par le projet ainsi que son étendue.

Le design et l’ergonomie du site

C’est sans aucun doute l’une des étapes les plus cruciales dans la conception du cahier de charges. C’est ici que vous définissez le contenu de la charte graphique qui va principalement indiquer les tons de couleurs choisis pour le site à développer, les polices de texte ainsi que le logotype entre autres. Il est recommandé de ne pas utiliser plus de 2 tons de couleurs et deux polices de texte dans un site.

C’est également à ce niveau qu’il conviendra de faire allusion à l’ergonomie du site notamment aux éléments de navigabilité. Ceux-ci doivent permettre aux visiteurs de naviguer aisément d’une page à l’autre du site, et de retourner tout aussi aisément a la rubrique principale ou à la page d’accueil.

A ce niveau, il est également important de mentionner l’outil Wireframe qui va être utilisé pour faire le maquettage du site. Ce maquettage va permettre au porteur du projet d’avoir une idée de la structure fonctionnelle du site, de procéder éventuellement à des corrections avant de la valider.

Les spécificités et livrables

C’est dans cette partie que sont contenus les détails sur le contenu du site, les contraintes techniques, les livrables et le planning de réalisation

Le contenu de votre site

Il est assez rare de trouver un site web qui ne contient pas de contenu texte. Même les sites de portfolio en ont. La précision n’est donc pas nécessaire. Par contre, il est important de préciser si ce contenu aura des images et des vidéos ainsi que leur format. Si le site doit héberger des programmes à télécharger, il faut également y faire allusion car cela va déterminer l’espace d’hébergement à choisir.

Contraintes techniques

Ce sont les exigences liées à la mise en place du site, notamment le choix du nom de domaine, de l’espace d’hébergement et du CMS à utiliser.

Pour le nom de domaine, l’on choisira de préférence un qui porte le nom de l’entreprise ou qui fait référence à son activité principale. L’espace d’hébergement sera fonction du volume de données à mettre en ligne et du trafic mensuel attendu. Pour ce qui est du CMS à utiliser, on aura l’embarras du choix entre WordPress, Joomla, Drupal entre autres.

Les livrables

C’est le résultat final principalement un site web fonctionnel et responsive (qui s’adapte automatiquement à tous les écrans), un contenu optimisé et une charte graphique.

Le Planning

C’est le calendrier de déploiement des actions de développement du site. Il contient les principales étapes du projet ainsi que la date de livraison. Il peut être nécessaire de mentionner ici les outils utilisés pour la planification des tâches comme le diagramme de Gant.