{"id":6524,"date":"2021-09-23T16:14:32","date_gmt":"2021-09-23T14:14:32","guid":{"rendered":"https:\/\/www.sortlist.be\/fr\/blog\/?p=6524"},"modified":"2021-09-23T16:14:33","modified_gmt":"2021-09-23T14:14:33","slug":"cahier-des-charges-site-internet","status":"publish","type":"post","link":"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/","title":{"rendered":"Quelle est l\u2019utilit\u00e9 d\u2019un cahier des charges pour cr\u00e9er un site internet ?"},"content":{"rendered":"\n<p>Entre l&rsquo;id\u00e9e de <strong>concevoir son site web<\/strong> et le site final, \u00e9norm\u00e9ment d&rsquo;\u00e9tapes sont franchies. Un <strong>cahier des charges site internet<\/strong> est un document qui va justement r\u00e9pondre \u00e0 vos questions et besoins pour franchir ces \u00e9tapes.<\/p>\n\n\n\n<p>Il s&rsquo;agit d&rsquo;une description compl\u00e8te\u00a0de ce que vous\u00a0souhaitez r\u00e9aliser\u00a0pour votre site. Il a donc pour but de d\u00e9tailler le cadre du projet, les contraintes \u00e0 prendre en compte, etc.<\/p>\n\n\n\n<p>Le cahier des charges est donc un document essentiel \u00e0 la construction de votre site web. Il sera en quelque sorte le pilier de la construction du site, car c&rsquo;est ce document auquel vous vous r\u00e9f\u00e9rerez au quotidien.<\/p>\n\n\n\n<p>Afin d&rsquo;\u00eatre s\u00fbr de <strong>r\u00e9aliser correctement votre cahier des charges<\/strong>, Sortlist vous donne tous ses conseils pour bien r\u00e9aliser son cahier des charges ! Celui-ci sera notamment tr\u00e8s utile si vous d\u00e9cidez de travailler avec une <a href=\"https:\/\/www.sortlist.fr\/developpement-web\/france-fr\" target=\"_blank\" rel=\"noreferrer noopener\">agence de d\u00e9veloppement web<\/a>. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu&rsquo;est-ce qu&rsquo;un cahier des charges ?<\/h2>\n\n\n\n<p>Globalement, un <strong>cahier des charges<\/strong> est un dossier (ou un simple document) qui d\u00e9finit les \u00e9l\u00e9ments \u00e0 r\u00e9aliser pour concr\u00e9tiser un projet.<\/p>\n\n\n\n<p>Ainsi, un cahier des charges peut appara\u00eetre sous des formes relativement variables en fonction du type d\u2019activit\u00e9 d\u2019une entreprise. Notamment s\u2019il s\u2019agit de production, de service, ou encore d\u2019\u00e9laboration de projet spontan\u00e9s, mais aussi selon le domaine central d\u2019activit\u00e9 et l\u2019id\u00e9ologie de l\u2019entreprise.<\/p>\n\n\n\n<p>Un\u00a0<strong>cahier des charges pour la cr\u00e9ation de site internet<\/strong> est un document r\u00e9f\u00e9rentiel qui formalise les objectifs \u00e0 atteindre ainsi que les contraintes techniques, esth\u00e9tiques et fonctionnelles du site web.<\/p>\n\n\n\n<p>Le cahier des charges a pour but de r\u00e9pertorier et de donner un maximum d&rsquo;informations sur chaque compos\u00e9 et composant du site web, comme : <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.sortlist.be\/fr\/blog\/arborescence-site-web\/\">L&rsquo;arborescence<\/a>, <\/li><li>L&rsquo;h\u00e9bergement, <\/li><li>Le th\u00e8me \u00e0 utiliser, <\/li><li>Le <a href=\"https:\/\/www.sortlist.be\/fr\/blog\/moodboard\/\" target=\"_blank\" rel=\"noreferrer noopener\">moodboard<\/a>, <\/li><li>Le <a href=\"https:\/\/www.sortlist.fr\/seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">r\u00e9f\u00e9rencement naturel<\/a>, <\/li><li>Etc.<\/li><\/ul>\n\n\n\n<p>Il est important de savoir qu\u2019il ne s\u2019agit pas simplement de noter les fonctionnalit\u00e9s et les processus d\u2019un projet.<\/p>\n\n\n\n<p>Il s\u2019agit plus globalement de sp\u00e9cifier, d\u2019expliquer, et de d\u00e9finir les limites de son projet de site web ainsi que les conditions de sa conception et de sa r\u00e9alisation.<\/p>\n\n\n\n<p>C&rsquo;est un document vraiment essentiel car il permet de s\u2019assurer de la compr\u00e9hension du projet par tous les intervenants et notamment de votre <a href=\"https:\/\/www.sortlist.fr\/developpement-web\/france-fr\" target=\"_blank\" rel=\"noreferrer noopener\">agence de d\u00e9veloppement web<\/a>. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Les objectifs et les fonctions d&rsquo;un cahier des charges<\/h2>\n\n\n\n<p>Les <strong>objectifs d&rsquo;un cahier des charges<\/strong> sont de vous permettre d&rsquo;anticiper les probl\u00e8mes et points de blocage dans la gestion du projet ainsi que de d\u00e9finir un cadre tr\u00e8s clair sur les attentes du livrable final.<\/p>\n\n\n\n<p>Dans certains cas, si vous ne r\u00e9alisez pas votre site internet en interne, il peut \u00eatre un excellent outil pour comparer et mettre en concurrence les diff\u00e9rentes agences web.<\/p>\n\n\n\n<p>En effet, en transmettant le m\u00eame cahier des charges aux agences s\u00e9lectionn\u00e9es, vous pourrez obtenir des propositions commerciales proposant un livrable \u00e9gal.<\/p>\n\n\n\n<p>De plus, transmettre un cahier des charges aux agences web leur permettront de vous fournir les d\u00e9lais de r\u00e9alisation de votre demande.<\/p>\n\n\n\n<p>Vous l&rsquo;aurez donc compris, <strong>\u00e9laborer un cahier des charges<\/strong> a \u00e9norm\u00e9ment d&rsquo;avantages. Que ce soit pour obtenir des propositions commerciales \u00e9gales et plus pr\u00e9cises, ainsi que pour affiner la date de livraison du site internet.<\/p>\n\n\n\n<p>Pour r\u00e9sumer : votre cahier des charges va vous permettre d\u2019organiser la relation avec d\u2019\u00e9ventuels prestataires.<\/p>\n\n\n\n<p>Gr\u00e2ce \u00e0 ce document d\u00e9taill\u00e9, l\u2019agence web charg\u00e9e de la <strong>cr\u00e9ation de votre site internet<\/strong> cernera plus facilement vos attentes et pourra y r\u00e9pondre avec exactitude.<\/p>\n\n\n\n<p>En plus de cela, il permettra d\u2019unifier les id\u00e9es au sein de votre entreprise. Son \u00e9criture a pour but de s\u2019assurer que tous les membres du projet sont d\u2019accord sur le fond et sur la forme du site internet.<\/p>\n\n\n\n<p>Par ailleurs, si vous travaillez sur la refonte d\u2019un site existant, ce dossier est tout aussi indispensable.<\/p>\n\n\n\n<p>Vous l&rsquo;aurez donc compris, <strong>la r\u00e9daction d\u2019un cahier des charges<\/strong> fonctionnel est donc une premi\u00e8re \u00e9tape essentielle vers la r\u00e9ussite et la croissance d\u2019un site web.<\/p>\n\n\n\n<p>Voici les principaux objectifs auxquels r\u00e9pond un cahier des charges :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>d\u00e9tailler la nature et le contexte de la mission (contraintes, normes, intervenants, charte graphique, ton \u00e0 adopter, processus \u00e0 suivre, etc.) ;<\/li><li>regrouper la totalit\u00e9 des \u00e9l\u00e9ments \u00e9voqu\u00e9s plus haut dans un seul et m\u00eame document afin que chaque intervenant poss\u00e8de les m\u00eames \u00e9l\u00e9ments et guide \u00e0 suivre;<\/li><li>simplifier les consultations du projet lors d\u2019une mise en concurrence de prestataires, comme dans des situations d\u2019appel d\u2019offre.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">R\u00e9fl\u00e9chir sur son projet web<\/h3>\n\n\n\n<p>Pour formaliser votre futur site vous allez devoir vous forcer \u00e0 vous poser des questions tr\u00e8s importantes :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Quel h\u00e9bergement choisir ?<\/li><li>Quel identit\u00e9 graphique choisir ?<\/li><li>Quelle place donner \u00e0 l&rsquo;utilisation mobile de votre site ?<\/li><\/ul>\n\n\n\n<p>L&rsquo;objectif de cette r\u00e9flexion est de d\u00e9partager ce que vous souhaitez r\u00e9aliser de ce qui est superflux.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Assurer le bon d\u00e9roulement du projet<\/h3>\n\n\n\n<p>On dit souvent qu&rsquo;un cahier des charges est l&rsquo;assurance d&rsquo;un site web bien construit.<\/p>\n\n\n\n<p>En effet, le cahier des charges est un document formel indispensable pour s\u00e9lectionner et travailler en bonne intelligence avec toutes les parties prenantes au projet, comme les free-lances ou les agences web.<\/p>\n\n\n\n<p>Si le <strong>cahier des charges<\/strong> donne toutes les informations, alors les agences web et\/ou free-lances sauront le travail \u00e0 r\u00e9aliser lorsqu&rsquo;ils r\u00e9aliseront leur proposition commerciale.<\/p>\n\n\n\n<p>De ce fait, avec le cahier des charges, ils sont au courant du travail qui est \u00e0 r\u00e9aliser.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00catre rigoureux et pr\u00e9cis<\/h3>\n\n\n\n<p>Le cahier des charges li\u00e9 \u00e0 la\u00a0cr\u00e9ation d&rsquo;un site\u00a0internet est g\u00e9n\u00e9ralement pr\u00e9sent\u00e9 sous la forme d\u2019un document word ou powerpoint.<\/p>\n\n\n\n<p>Dans tous les cas, le cahier des charges doit \u00eatre parfaitement structur\u00e9 et il doit inclure des \u00e9l\u00e9ments visuels pour qu&rsquo;il soit facile \u00e0 comprendre.<\/p>\n\n\n\n<p>Cela peut \u00eatre par exemple des sch\u00e9mas, des moodboard, des logos, une <a href=\"https:\/\/www.sortlist.be\/fr\/blog\/charte-graphique-les-recettes-secretes-de-spotify-uber-et-yelp\/\" target=\"_blank\" rel=\"noreferrer noopener\">charte graphique<\/a> \u00e0 utiliser, des images d&rsquo;illustration&#8230;<\/p>\n\n\n\n<p>De plus, il n&rsquo;est pas grave si un cahier des charges est long, il n&rsquo;est pas rare de voir des cahier des charges faisant plus de 50 pages.<\/p>\n\n\n\n<p>Etant donn\u00e9 que le cahier des charges doit transcrire votre pens\u00e9e sur papier, il doit \u00eatre le plus pr\u00e9cis et exhaustif possible.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu&rsquo;est-ce qui doit \u00eatre int\u00e9gr\u00e9 dans un cahier des charges ?<\/h2>\n\n\n\n<p>Gardez toujours \u00e0 l&rsquo;esprit que toutes les informations que vous incorporez dans votre cahier des charges sont utiles !<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le plan de son cahier des charges :<\/h3>\n\n\n\n<p>Nous vous conseillons de suivre un plan global, qui fait office de ligne directrice pour votre <strong>cahier des charge de site internet<\/strong> :<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Pr\u00e9sentation de l&rsquo;entreprise et du projet (tenants et aboutissants)<\/li><li>Description de la charte graphique (quelle police, quelles couleurs&#8230;)<\/li><li>Description technique (quelles animations, taille des blocs, des boutons&#8230;)<\/li><li>Crit\u00e8res de s\u00e9lection des prestataires<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Globalement, les informations \u00e0 incorporer<\/h3>\n\n\n\n<p>Le plus important dans un cahier des charges, reste les informations \u00e0 incorporer. Il est donc indispensable de communiquer des informations cl\u00e9s, dont voici une liste non-exhaustive :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>S&rsquo;agit-il d&rsquo;une\u00a0<a href=\"https:\/\/www.sortlist.be\/fr\/blog\/refonte-de-votre-site-web-les-9-raisons-qui-vous-incitent-a-lentreprendre\/\" target=\"_blank\" rel=\"noreferrer noopener\">refonte de site internet<\/a>\u00a0ou d&rsquo;une cr\u00e9ation de site ?<\/li><li>Quel est le type de site internet\u00a0<em>(e-commerce, site vitrine) ?<\/em><\/li><li>Poss\u00e9dez-vous le nom de domaine ?<\/li><li>Quel CMS souhaitez-vous utiliser ?<\/li><li>Quel est l&rsquo;objectif principal (et potentiellement secondaire) du site ;<\/li><li>Pour un site e-commerce par exemple : quel est votre objectif au niveau des ventes ?<\/li><li>Quel est le nombre de visiteurs moyen attendu ?<\/li><li>Quel public et quelle est la cible vis\u00e9e (particuliers, entreprises) ? <\/li><li>Quelles sont les caract\u00e9ristiques et les centres d\u2019int\u00e9r\u00eat de votre cible ?<\/li><li>Avez-vous les contenus que vous souhaitez\u00a0mettre en ligne ? Cela peut-\u00eatre par exemple des textes, photos, des vid\u00e9os&#8230;<\/li><li>Quels biais utiliser pour faire passer les utilisateurs \u00e0 l&rsquo;action ? Boutons de call to action par exemple.<\/li><li>Est-ce que votre site doit \u00eatre disponible en plusieurs langues ? Si oui, comment voulez-vous proc\u00e9der : par g\u00e9olocalisation, par s\u00e9lection manuelle ?<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Partie 2 du cahier des charges : la description et la conception visuelle<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Avoir une charte graphique<\/h3>\n\n\n\n<p>Pour donner du sens et donner un maximum d&rsquo;informations \u00e0 votre cahier des charges, il est conseill\u00e9 de r\u00e9aliser une description de tous les \u00e9l\u00e9ments visuels que vous souhaitez mettre en place ou que vous avez en votre possession.<\/p>\n\n\n\n<p>Cela commence tout simplement par votre charte graphique. Il para\u00eet logique que vous l&rsquo;utilisiez, que ce soit en partie ou totalement pour votre site internet.<\/p>\n\n\n\n<p>Il est tr\u00e8s important de l&rsquo;inclure car comme vous le savez maintenant, les personnes qui liront votre cahier des charges ne seront pas forc\u00e9ment au courant de quelle police ou quelle couleur vous utilisez.<\/p>\n\n\n\n<p>Pour rappel voici ce que doit contenir votre charte graphique :<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Logotype :<\/h4>\n\n\n\n<p>Un logotype correspond au nom de l\u2019entreprise qui a \u00e9t\u00e9\u00a0d\u00e9sign\u00e9\u00a0ou \u00e9crit de mani\u00e8re tr\u00e8s visuelle. Par exemple, il peut \u00e9galement s\u2019agir des initiales de l\u2019entreprise ou du logo. Dans tous les cas, le logotype va incarner votre marque et se doit d&rsquo;\u00eatre reconnaissable et associable facilement \u00e0 votre entreprise.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Polices de caract\u00e8re ou typographie :<\/h4>\n\n\n\n<p>Votre \u00ab\u00a0typo\u00a0\u00bb est votre assemblage de polices de caract\u00e8re que vous allez utiliser pour votre entreprise.<\/p>\n\n\n\n<p>Elle se doit d&rsquo;\u00eatre facilement lisible ainsi que d&rsquo;avoir des variantes (comme l&rsquo;italique, le regular, le gras, le semi gras), tout \u00e7a dans l&rsquo;objectif de pouvoir en faire plusieurs usages.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Attribut et image :<\/h4>\n\n\n\n<p>Votre entreprise et par extension votre marque sera potentiellement associ\u00e9e \u00e0 des \u00e9motions, \u00e0 des images.<\/p>\n\n\n\n<p>C&rsquo;est ce que va venir apporter l&rsquo;attribut, il s&rsquo;agit &nbsp;de symboles que vous souhaitez associer \u00e0 votre marque : comme Ronald Mc Donald pour Mc Donald il y a quelques ann\u00e9es, ou la vache violette chez Milka&#8230;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Guide des conditions d\u2019utilisation de ces \u00e9l\u00e9ments sur tous les supports :<\/h4>\n\n\n\n<p>Nous vous recommandons de vous doter d&rsquo;un guide de bonnes pratiques pour \u00e9viter des potentiels d\u00e9boires concernant l&rsquo;utilisation de votre charte graphique.<\/p>\n\n\n\n<p>Cela peut par exemple s&rsquo;appliquer \u00e0 la taille des titres, la taille et la position du logo sur des documents officiels&#8230;<\/p>\n\n\n\n<p>Nous avons pu voir les composantes d&rsquo;une charte graphique. Une <a href=\"https:\/\/www.sortlist.fr\/graphisme\/france-fr\" target=\"_blank\" rel=\"noreferrer noopener\">agence de graphisme<\/a> pourra vous aider \u00e0 la cr\u00e9er. <\/p>\n\n\n\n<p>Il est maintenant primordial de se poser la question : quelles informations allez-vous inclure dans <strong>le cahier des charges de votre site internet<\/strong> ?<\/p>\n\n\n\n<p>Voici une liste non exhaustive des questions \u00e0 se poser :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Existe-il des d\u00e9clinaisons de votre logo en fonction du code couleur des pages ?<\/li><li>Quelle typo souhaitez-vous utiliser ?<\/li><li>Quelles seront ses variantes ?<\/li><li>Souhaitez-vous utiliser d&rsquo;autres polices de caract\u00e8re ?<\/li><li>Sur quelles couleurs allez-vous vous baser pour cr\u00e9er votre site<\/li><li>Quelle sera la couleur dominante ?<\/li><li>Quid de la couleur pour les titres &#8211; de tous niveaux ?<\/li><li>Quelle sera la couleur des corps de texte ?<\/li><li>Quelle sera la couleur de fond ?<\/li><li>Quelles couleurs utiliser pour votre haut de page et votre bas de page ?<\/li><li>Poss\u00e9dez-vous des \u00e9l\u00e9ments visuels \u00e0 r\u00e9utiliser ?<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Partie 3 du cahier des charges : technique<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">R\u00e9aliser une arborescence du site web<\/h3>\n\n\n\n<p>Int\u00e9grer l\u2019<a href=\"https:\/\/www.sortlist.be\/fr\/blog\/arborescence-site-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">arborescence de votre site web<\/a> dans le cahier des charges de votre site est souvent une excellente id\u00e9e.<\/p>\n\n\n\n<p>L\u2019arborescence de site web, ou plan de site, se pr\u00e9sente g\u00e9n\u00e9ralement sous la forme d\u2019un sch\u00e9ma qui organise les pages du site en rubriques et d\u00e9finit les diff\u00e9rents niveaux de navigation.<\/p>\n\n\n\n<p>Une fois que l\u2019arborescence du site internet a \u00e9t\u00e9 valid\u00e9e, toute l\u2019\u00e9quipe dispose d\u2019une vision d\u2019ensemble sur le site, et on peut descendre d\u2019un niveau pour s\u2019int\u00e9resser aux pages en vue de la r\u00e9alisation des maquettes.<\/p>\n\n\n\n<p>L\u2019\u00e9tape suivante est de r\u00e9aliser les zonings des pages, c\u2019est-\u00e0-dire d\u00e9couper les pages principales en zones, par exemple, un rectangle horizontal pour le logo et le menu principal, un rectangle vertical \u00e0 gauche pour le menu secondaire, etc.<\/p>\n\n\n\n<p>En r\u00e9alisation de site web, il est souvent dit que moins de clics sont \u00e0 r\u00e9aliser par l&rsquo;utilisateur, mieux c&rsquo;est. Un exemple est souvent donn\u00e9, est qu&rsquo;une page qui pour \u00eatre visit\u00e9e n\u00e9cessite plus de 3 clics est une page inutile.<\/p>\n\n\n\n<p>Toutes ces consid\u00e9rations du trajet de l&rsquo;utilisateur sont \u00e0 prendre en consid\u00e9ration au moment de la cr\u00e9ation de votre arborescence, voici quelques id\u00e9es pour l&rsquo;\u00e9laborer :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Menu de navigation principal, avec \u00e9ventuellement un menu secondaire qui appara\u00eet au survol du menu principal<\/li><li>Pied de page, avec un acc\u00e8s aux principales cat\u00e9gories du site ou \u00e0 des pages cl\u00e9s<\/li><li>Barre lat\u00e9rale, o\u00f9 on peut favoriser la navigation horizontale via des suggestions de produits ou d\u2019articles,<\/li><li>Menu de navigation secondaire, il peut s\u2019agir du menu enfant de l\u2019\u00e9l\u00e9ment s\u00e9lectionn\u00e9 dans le menu principal, mais il peut \u00e9galement s\u2019agir d\u2019un menu compl\u00e8tement diff\u00e9rent<\/li><\/ul>\n\n\n\n<p>Pour compl\u00e9ter cette partie sur l&rsquo;arborescence de sites web voici les questions que vous devez vous poser :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Quelle sont les grandes pages de votre site ?<\/li><li>Quelles sont les pages principales ?<\/li><li>Quel va \u00eatre la r\u00e9partition du menu ?<\/li><li>Comment sont organis\u00e9es les diff\u00e9rentes rubriques ?<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">R\u00e9aliser des maquettes<\/h3>\n\n\n\n<p>Il est important de dresser une premi\u00e8re id\u00e9e de ce que vous souhaitez r\u00e9aliser pour votre site web !<\/p>\n\n\n\n<p>M\u00eame si le design et l&#8217;emplacement des m\u00e9dias peut changer, il est important de donner des informations sur le degr\u00e9 de complexit\u00e9 dans la r\u00e9alisation technique de votre site.<\/p>\n\n\n\n<p>Pour r\u00e9aliser des maquettes, il existe de nombreuses solutions comme par exemple :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Une feuille de papier<\/strong>&nbsp;: rapide en premier jet, le papier est un excellent moyen de d\u00e9crire ce que l&rsquo;on souhaite dans un premier temps. Cependant, il peut-\u00eatre int\u00e9ressant de passer \u00e0 une solution plus visuelle et professionnelle pour donner plus de d\u00e9tails sur votre demande.<\/li><li><strong>Microsoft Powerpoint<\/strong>&nbsp;: le c\u00e9l\u00e8bre logiciel pour r\u00e9aliser de pr\u00e9sentations, peut aussi servir \u00e0 r\u00e9aliser des maquettes fonctionnelles. De plus, il existe maintenant des solutions int\u00e9gr\u00e9es \u00e0 PowerPoint pour r\u00e9aliser soi-m\u00eame et facilement les maquettes de son site web. Comme par exemple PowerMockup &#8211; qui est une solution de wireframing.<\/li><li><strong>Les solutions de Mockup<\/strong> sont quant \u00e0 elles, la solution id\u00e9ale pour r\u00e9aliser vos maquettes de site internet que vous int\u00e8grerez par la suite dans le cahier des charges de votre site internet ! En effet, la plupart de ces solutions fonctionnent en SaaS sur le web, et dans la grande majorit\u00e9, elles permettent de g\u00e9rer plusieurs param\u00e8tres comme : l\u2019\u00e9chelle de la repr\u00e9sentation de votre site web, les proportions entre les diff\u00e9rents composants. Parmi ces solutions, certaines sont tr\u00e8s reconnues comme Figma, Mockflow ou Moqups.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Int\u00e9grer des consid\u00e9rations techniques<\/h3>\n\n\n\n<p>En d\u00e9veloppement web, la technique peut co\u00fbter tr\u00e8s cher en terme de temps et d&rsquo;argent !<\/p>\n\n\n\n<p>Il est donc important de pr\u00e9ciser dans votre cahier des charges, ces consid\u00e9rations au prestataire qui r\u00e9alisera votre site web !<\/p>\n\n\n\n<p>Voici une liste non exhaustive des questions \u00e0 se poser :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Quels services externes souhaitez-vous utiliser ? Par exemple quel langage de programmation, quel CMS&#8230;<\/li><li>Avec quels navigateurs votre site doit-il \u00eatre compatible ?<\/li><li>Quelles sont les int\u00e9grations \u00e0 des syst\u00e8mes tiers \u00e0 pr\u00e9voir : marketing, e-mailing&#8230;<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Partie 4 du cahier des charges : la prestation attendue &#8211; et la s\u00e9lection des prestataires<\/h2>\n\n\n\n<p>Dans cette derni\u00e8re partie, l&rsquo;objectif est de donner les ultimes informations utiles pour vos prestataires &#8211; cela concerne en grande partie l&rsquo;organisation de la prestation et la s\u00e9lection de ces derniers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le planning ou r\u00e9troplanning<\/h3>\n\n\n\n<p>Cr\u00e9er un planning d\u00e9taill\u00e9 pour son <strong>projet de site web<\/strong>\u00a0vous permettra de d\u00e9limiter chaque t\u00e2che et chaque poste de travail.<\/p>\n\n\n\n<p>L&rsquo;objectif sous-jacent \u00e9tant de bien pr\u00e9voir l&rsquo;avanc\u00e9e du projet.<\/p>\n\n\n\n<p>La repr\u00e9sentation la plus courante d\u2019un\u00a0planning de gestion de projet (et les sites internets ne d\u00e9rogent pas \u00e0 la r\u00e8gle)\u00a0est sous forme de diagramme de Gantt.<\/p>\n\n\n\n<p>Le diagramme de Gantt est un outil de planification qui est beaucoup utilis\u00e9 en gestion de projet.<\/p>\n\n\n\n<p>C&rsquo;est l&rsquo;un des outils les plus efficaces pour repr\u00e9senter visuellement l&rsquo;\u00e9tat d&rsquo;avancement des diff\u00e9rentes activit\u00e9s (t\u00e2ches) qui constituent un projet.<\/p>\n\n\n\n<p>Dans tous les diagrammes de Gantt, la colonne de gauche du diagramme repr\u00e9sente les t\u00e2ches \u00e0 effectuer, tandis que la ligne d&rsquo;en-t\u00eate repr\u00e9sente les unit\u00e9s de temps souvent le jours ou les semaines.<\/p>\n\n\n\n<p>De ce fait, chaque t\u00e2che est mat\u00e9rialis\u00e9e par une barre horizontale, dont la position et la longueur repr\u00e9sentent la date de d\u00e9but, la dur\u00e9e et la date de fin.<\/p>\n\n\n\n<p>Les diagrammes de Gantt peuvent \u00eatres utilis\u00e9es sous forme de tableur Excel, ce qui peut \u00eatre extr\u00eamement pratique.<\/p>\n\n\n\n<p>Sinon, quelques logiciels de gestion proposent des formats de planification en diagramme de Gantt selon le syst\u00e8me d&rsquo;exploitation, mais leur co\u00fbt reste \u00e9lev\u00e9 et repr\u00e9sente un investissement financier et en temps, qu&rsquo;il ne sera pas possible de consacrer en cette phase de montage d&rsquo;un projet.<\/p>\n\n\n\n<p>Voici les questions \u00e0 se poser avant de r\u00e9aliser le planning dans son cahier des charges :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Quelle est la deadline de candidature pour les prestataires (agences web, freelances&#8230;) ?<\/li><li>\u00c0 quelle date sera s\u00e9lectionn\u00e9 le prestataire ?<\/li><li>Si vous s\u00e9parez le projet en lots, quelles sont les principales deadlines interm\u00e9diaires du projet ?<\/li><li>A quelle date souhaitez-vous la livraison du site web ?<\/li><li>Quelle m\u00e9thode de gestion de projet souhaitez vous utiliser ?<\/li><li>Quel sera le rythme du suivi de projet ?<\/li><\/ul>\n\n\n\n<p>Lorsque vous allez d\u00e9cider des m\u00e9thodes de gestion de projet, il est souvent conseill\u00e9 de mener son projet avec la m\u00e9thode de gestion de projet agile.<\/p>\n\n\n\n<p>La&nbsp;m\u00e9thode agile&nbsp;est une m\u00e9thode de&nbsp;gestion de projet&nbsp;qui a pour objectif d&rsquo;\u00eatre : flexible,&nbsp;it\u00e9rative&nbsp;et&nbsp;incr\u00e9mentale.&nbsp;<\/p>\n\n\n\n<p>Contrairement \u00e0 l\u2019approche classique, le projet ne s\u2019organise pas comme une&nbsp;succession d\u2019actions, mais en&nbsp;petites t\u00e2ches r\u00e9p\u00e9t\u00e9es, qui sont am\u00e9lior\u00e9es apr\u00e8s&nbsp;chaque test.<\/p>\n\n\n\n<p>Cela permet d&rsquo;obtenir un site parfait concernant tous les points cl\u00e9s identifi\u00e9s.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Pour conclure, il est important de rappeler que la r\u00e9alisation d\u2019un cahier des charges est importante pour la bonne r\u00e9alisation de votre projet web !<\/p>\n\n\n\n<p>Certes, la r\u00e9daction du cahier des charges va demander d\u2019y investir du temps, afin de trouver les divers \u00e9l\u00e9ments \u00e0 incorporer.<\/p>\n\n\n\n<p>Toutefois, le temps investi d\u00e8s le d\u00e9part dans la r\u00e9daction du cahier des charges vous permettra d\u2019en gagner par la suite, car vous saurez avec vos prestataires o\u00f9 vous allez !<\/p>\n\n\n\n<p>Voici nos conseils pour bien r\u00e9ussir votre cahier des charges :<\/p>\n\n\n\n<p><strong>Travaillez par \u00e9tape : <\/strong>&nbsp;il est important de travailler \u00e0 votre rythme, sans aller trop vite, gardez \u00e0 l&rsquo;esprit que le cahier des charges est la base de votre future collaboration avec votre prestataire.<\/p>\n\n\n\n<p><strong>\u00c9tudiez la demande<\/strong>. Essayez de vous mettre \u00e0 la place d&rsquo;une personne d\u00e9couvrant votre projet. Posez vous des questions comme : <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>A quoi va servir votre projet\u00a0? <\/li><li>Qu\u2019est-ce que cela donnera lorsque le site web sera fini ? <\/li><li>Avez-vous pens\u00e9 \u00e0 l\u2019ensemble des aspects techniques concernant la maintenance, l&rsquo;h\u00e9bergement etc ?<\/li><\/ul>\n\n\n\n<p><strong>D\u00e9crire au maximum les contraintes. <\/strong>Il est primordial d&rsquo;\u00e9tudier lors de la r\u00e9daction du cahier des charges le planning, la date de livraison souhait\u00e9e et le budget. Ces informations seront cruciales pour votre <a href=\"https:\/\/www.sortlist.fr\/developpement-web\/france-fr\" target=\"_blank\" rel=\"noreferrer noopener\">agence de d\u00e9veloppement web<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Entre l&rsquo;id\u00e9e de concevoir son site web et le site final, \u00e9norm\u00e9ment d&rsquo;\u00e9tapes sont franchies. Un cahier des charges site internet est un document qui va justement r\u00e9pondre \u00e0 vos questions et besoins pour franchir ces \u00e9tapes. Il s&rsquo;agit d&rsquo;une description compl\u00e8te\u00a0de ce que vous\u00a0souhaitez r\u00e9aliser\u00a0pour votre site. Il a donc pour but de d\u00e9tailler [&hellip;]<\/p>\n","protected":false},"author":84,"featured_media":6525,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29,3],"class_list":["post-6524","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-web","category-web-software-development"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cahier des Charges Site Internet : Comment Cr\u00e9er le V\u00f4tre ?<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez \u00e0 quoi sert un cahier des charges site internet et comment faire pour cr\u00e9er le v\u00f4tre en lisant notre article de blog.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cahier des Charges Site Internet : Comment Cr\u00e9er le V\u00f4tre ?\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez \u00e0 quoi sert un cahier des charges site internet et comment faire pour cr\u00e9er le v\u00f4tre en lisant notre article de blog.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/\" \/>\n<meta property=\"og:site_name\" content=\"Sortlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-23T14:14:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-23T14:14:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2021\/09\/cahier-des-charges-site-internet.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1748\" \/>\n\t<meta property=\"og:image:height\" content=\"1240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Lucas Gravier\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lucas Gravier\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/\",\"url\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/\",\"name\":\"Cahier des Charges Site Internet : Comment Cr\u00e9er le V\u00f4tre ?\",\"isPartOf\":{\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2021\/09\/cahier-des-charges-site-internet.png\",\"datePublished\":\"2021-09-23T14:14:32+00:00\",\"dateModified\":\"2021-09-23T14:14:33+00:00\",\"author\":{\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/#\/schema\/person\/6616f58642adc565dc62ca7e0157565d\"},\"description\":\"D\u00e9couvrez \u00e0 quoi sert un cahier des charges site internet et comment faire pour cr\u00e9er le v\u00f4tre en lisant notre article de blog.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/#primaryimage\",\"url\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2021\/09\/cahier-des-charges-site-internet.png\",\"contentUrl\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2021\/09\/cahier-des-charges-site-internet.png\",\"width\":1748,\"height\":1240,\"caption\":\"cahier des charges site internet\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quelle est l\u2019utilit\u00e9 d\u2019un cahier des charges pour cr\u00e9er un site internet ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/#website\",\"url\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/\",\"name\":\"Sortlist Blog\",\"description\":\"Guides, e-books, interviews &amp; articles d\u2019experts pour vous lancer dans le marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/#\/schema\/person\/6616f58642adc565dc62ca7e0157565d\",\"name\":\"Lucas Gravier\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_84_1625153043-96x96.jpg\",\"contentUrl\":\"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_84_1625153043-96x96.jpg\",\"caption\":\"Lucas Gravier\"},\"url\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/author\/lgravier\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cahier des Charges Site Internet : Comment Cr\u00e9er le V\u00f4tre ?","description":"D\u00e9couvrez \u00e0 quoi sert un cahier des charges site internet et comment faire pour cr\u00e9er le v\u00f4tre en lisant notre article de blog.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"fr_FR","og_type":"article","og_title":"Cahier des Charges Site Internet : Comment Cr\u00e9er le V\u00f4tre ?","og_description":"D\u00e9couvrez \u00e0 quoi sert un cahier des charges site internet et comment faire pour cr\u00e9er le v\u00f4tre en lisant notre article de blog.","og_url":"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/","og_site_name":"Sortlist Blog","article_published_time":"2021-09-23T14:14:32+00:00","article_modified_time":"2021-09-23T14:14:33+00:00","og_image":[{"width":1748,"height":1240,"url":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2021\/09\/cahier-des-charges-site-internet.png","type":"image\/png"}],"author":"Lucas Gravier","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Lucas Gravier","Dur\u00e9e de lecture estim\u00e9e":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/","url":"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/","name":"Cahier des Charges Site Internet : Comment Cr\u00e9er le V\u00f4tre ?","isPartOf":{"@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/#primaryimage"},"image":{"@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/#primaryimage"},"thumbnailUrl":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2021\/09\/cahier-des-charges-site-internet.png","datePublished":"2021-09-23T14:14:32+00:00","dateModified":"2021-09-23T14:14:33+00:00","author":{"@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/#\/schema\/person\/6616f58642adc565dc62ca7e0157565d"},"description":"D\u00e9couvrez \u00e0 quoi sert un cahier des charges site internet et comment faire pour cr\u00e9er le v\u00f4tre en lisant notre article de blog.","breadcrumb":{"@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/#primaryimage","url":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2021\/09\/cahier-des-charges-site-internet.png","contentUrl":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2021\/09\/cahier-des-charges-site-internet.png","width":1748,"height":1240,"caption":"cahier des charges site internet"},{"@type":"BreadcrumbList","@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/cahier-des-charges-site-internet\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sortlist-test.be\/fr\/blog\/"},{"@type":"ListItem","position":2,"name":"Quelle est l\u2019utilit\u00e9 d\u2019un cahier des charges pour cr\u00e9er un site internet ?"}]},{"@type":"WebSite","@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/#website","url":"https:\/\/www.sortlist-test.be\/fr\/blog\/","name":"Sortlist Blog","description":"Guides, e-books, interviews &amp; articles d\u2019experts pour vous lancer dans le marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sortlist-test.be\/fr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/#\/schema\/person\/6616f58642adc565dc62ca7e0157565d","name":"Lucas Gravier","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/#\/schema\/person\/image\/","url":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_84_1625153043-96x96.jpg","contentUrl":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_84_1625153043-96x96.jpg","caption":"Lucas Gravier"},"url":"https:\/\/www.sortlist-test.be\/fr\/blog\/author\/lgravier\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/posts\/6524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/users\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/comments?post=6524"}],"version-history":[{"count":0,"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/posts\/6524\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/media\/6525"}],"wp:attachment":[{"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/media?parent=6524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/categories?post=6524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}