{"id":11321,"date":"2017-05-31T16:43:05","date_gmt":"2017-05-31T15:43:05","guid":{"rendered":"https:\/\/academy.visiplus.com\/blog\/?p=11321"},"modified":"2020-02-14T15:57:51","modified_gmt":"2020-02-14T14:57:51","slug":"comment-rediger-un-cahier-des-charges-pour-la-creation-de-votre-site-internet","status":"publish","type":"post","link":"https:\/\/academy.visiplus.com\/blog\/strategie-projets-web\/comment-rediger-un-cahier-des-charges-pour-la-creation-de-votre-site-internet-2017-05-31","title":{"rendered":"Comment r\u00e9diger un cahier des charges pour la cr\u00e9ation de votre site internet"},"content":{"rendered":"<p>L\u2019objectif d\u2019un cahier des charges est de structurer et de formaliser un projet afin que l\u2019ensemble des membres impliqu\u00e9s dans ce projet aient une vision claire de toutes les \u00e9tapes qui le composent. Vous trouverez dans cet article un mod\u00e8le de cahier des charges pour vous lancer dans un projet de cr\u00e9ation de site Web.<\/p>\n<p>Chaque projet de cr\u00e9ation de site internet devrait commencer par une sp\u00e9cification. En d\u00e9crivant vos objectifs, vos contraintes budg\u00e9taires et vos d\u00e9lais, vous obtiendrez <a href=\"https:\/\/academy.visiplus.com\/blog\/actus-blog\/nouveaute-visiplus-academy-la-formation-rediger-un-cahier-des-charges-pour-un-projet-digital-2017-05-24\" target=\"_blank\" rel=\"noopener noreferrer\">un cahier des charges pour un projet digital<\/a> fonctionnel.<\/p>\n<div id=\"attachment_11328\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/05\/chaine-production-site-internet-john-fumess-simple-square-e1496149662671.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11328\" class=\"size-full wp-image-11328\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/05\/chaine-production-site-internet-john-fumess-simple-square-e1496149662671.jpg\" alt=\"source: John Fumess de Simple Square\" width=\"800\" height=\"534\" \/><\/a><p id=\"caption-attachment-11328\" class=\"wp-caption-text\">source: John Fumess de Simple Square<\/p><\/div>\n<h2>1. Pr\u00e9sentez-vous<\/h2>\n<p>Expliquez bri\u00e8vement ce que fait votre entreprise, cela fournit l&rsquo;historique du projet. Les informations utiles comprennent:<\/p>\n<ul>\n<li>Un bref historique de l&rsquo;entreprise<\/li>\n<li>La taille, le nombre d&#8217;employ\u00e9s, et le chiffre d&rsquo;affaires<\/li>\n<li>Les services cl\u00e9s<\/li>\n<li>Les principales r\u00e9alisations<\/li>\n<\/ul>\n<h2>2. Commencer par les objectifs<\/h2>\n<p>Pourquoi vous lancez-vous dans la <a href=\"https:\/\/academy.visiplus.com\/formation-creation-site-web.php\" target=\"_blank\" rel=\"noopener noreferrer\">cr\u00e9ation d&rsquo;un site Web<\/a>\u00a0? Quels r\u00e9sultats souhaitez-vous atteindre? Sont-ils mesurables ? Existe-t-il des probl\u00e8mes avec le site existant ? Quels sont les facteurs \u00e9conomiques pour le changement ?\u00a0Expliquer vos objectifs aidera \u00e0 conduire tout le reste dans la sp\u00e9cification. D\u00e9finissez au moins un objectif que le site Web devrait vous aider \u00e0 atteindre. Par exemple:<\/p>\n<ul>\n<li>Augmenter le nombre de demandes de renseignements via le site Web<\/li>\n<li>Accro\u00eetre les ventes en ligne<\/li>\n<li>Augmenter le nombre de demandes de renseignements par t\u00e9l\u00e9phone<\/li>\n<li>Lorsque vous essayez de les quantifier, regardez ce que vous obtenez actuellement et proposez les am\u00e9liorations que vous souhaitez voir.<\/li>\n<\/ul>\n<h2>3. Les cibles cl\u00e9s<\/h2>\n<p>Vous devez maintenant identifier les publics cl\u00e9s auxquels vous devez faire appel pour atteindre vos objectifs. Cela pourrait \u00eatre:<\/p>\n<ul>\n<li>Des clients potentiels<\/li>\n<li>Des clients existants<\/li>\n<li>Des membres de la presse<\/li>\n<li>Des employ\u00e9s potentiels<\/li>\n<\/ul>\n<p>Une fois que vous avez d\u00e9fini votre public, vous devez consid\u00e9rer les possibilit\u00e9s d\u2019actions pour chacun d&rsquo;entre eux (publication sur le blog, inscription \u00e0 la newsletter, demande de renseignement ou <a href=\"https:\/\/academy.visiplus.com\/blog\/strategie-projets-web\/6-astuces-de-marketing-avance-pour-stimuler-ses-conversions-sur-facebook-2017-04-14\" target=\"_blank\" rel=\"noopener noreferrer\">stimuler ses conversions<\/a> par exemple). Lorsque vous identifiez plusieurs audiences clefs, n\u2019oubliez pas d\u2019\u00e9tablir un ordre de priorit\u00e9 pour ces derni\u00e8res.<\/p>\n<h2>4. Structure du site provisoire<\/h2>\n<p>Parmi les \u00e9tapes d&rsquo;une <a href=\"https:\/\/academy.visiplus.com\/formation-gestion-projet.php\" target=\"_blank\" rel=\"noopener noreferrer\">gestion de projet web<\/a>, la cr\u00e9ation d\u2019une structure de site provisoire est indispensable. Il est probable que cette structure changera pendant la phase de conception, mais il est utile d&rsquo;avoir un point de d\u00e9part qui traduit clairement l&rsquo;architecture du site. Le but principal est d&rsquo;essayer de s&rsquo;assurer que rien n&rsquo;est oubli\u00e9 parmi les \u00e9l\u00e9ments du projet.<\/p>\n<p>Ne copiez pas n\u00e9cessairement votre ancienne structure de site Web &#8211; une modification pourrait g\u00e9n\u00e9rer des avantages. Ne transf\u00e9rez pas d&rsquo;hypoth\u00e8ses anciennes dans un nouveau projet, vous risquez de perdre un changement b\u00e9n\u00e9fique. Voici un exemple de page provisoire r\u00e9ussie :<\/p>\n<div id=\"attachment_11333\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11333\" class=\"size-full wp-image-11333\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/05\/place2swap-site-provisoire1-e1496153907224.png\" alt=\"source: Place2Swap\" width=\"800\" height=\"485\" \/><p id=\"caption-attachment-11333\" class=\"wp-caption-text\"><a href=\"http:\/\/www.place2swap.fr\/\" target=\"_blank\" rel=\"noopener noreferrer\">source: Place2Swap<\/a><\/p><\/div>\n<h2>5. Sp\u00e9cifications techniques<\/h2>\n<p>Si votre site fait fonction de \u00ab\u00a0vitrine\u00a0\u00bb, la plupart des pages seront statiques dans le sens o\u00f9 elles ne r\u00e9agissent pas aux actions des utilisateurs, \u00e0 l\u2019exception de la page de contact. Si vous souhaitez obtenir un site <a href=\"https:\/\/academy.visiplus.com\/blog\/web-et-e-business\/5-conseils-seo-pour-un-e-commerce-performant-2017-04-13\" target=\"_blank\" rel=\"noopener noreferrer\">e-commerce performant<\/a>, \u00e9num\u00e9rez les exigences relatives \u00e0 votre marque\u00a0: la liste des produits, et les pages d\u00e9taill\u00e9es des produits, etc.\u00a0Les grands projets n\u00e9cessitent des mois pour la d\u00e9finition de leur sp\u00e9cification technique. Les \u00ab\u00a0histoires d&rsquo;utilisateurs\u00a0\u00bb sont une fa\u00e7on de d\u00e9crire les actions qu&rsquo;un visiteur devrait pouvoir effectuer sur le site. Par exemple\u00a0:<\/p>\n<p>En tant que client,<\/p>\n<ul>\n<li>Je souhaite ajouter des articles \u00e0 mon panier<\/li>\n<li>Je peux donc les acheter plus tard<\/li>\n<\/ul>\n<p>En tant que membre du personnel,<\/p>\n<ul>\n<li>Je souhaite modifier le statut des commandes<\/li>\n<li>Je peux donc marquer les articles comme exp\u00e9di\u00e9s<\/li>\n<\/ul>\n<p>Cr\u00e9ez des histoires d&rsquo;utilisateurs pour chaque type d&rsquo;audience sur votre site, surtout si vous avez des fonctionnalit\u00e9s inhabituelles.<\/p>\n<h2>6. Exigences non fonctionnelles<\/h2>\n<p>Ce sont des exigences li\u00e9es \u00e0:<\/p>\n<ul>\n<li>L&rsquo;<a href=\"https:\/\/academy.visiplus.com\/blog\/strategie-projets-web\/refonte-de-site-web-les-differences-entre-lutilisabilite-et-lexperience-utilisateur-2016-08-26\" target=\"_blank\" rel=\"noopener noreferrer\">utilisabilit\u00e9 et l&rsquo;exp\u00e9rience utilisateur<\/a>\u00a0: avez-vous des exigences d&rsquo;accessibilit\u00e9\u00a0? Votre site Web sera utilis\u00e9 principalement sur les tablettes ou par les personnes \u00e2g\u00e9es\u00a0? etc.<\/li>\n<li>La s\u00e9curit\u00e9\u00a0: devez-vous \u00eatre compatible PCI ?<\/li>\n<li>Le temps de chargement : en combien de temps acc\u00e9dez-vous au site\u00a0? Dans le cadre d\u2019un site e-commerce, il est d\u2019autant plus important d\u2019optimiser cet \u00e9l\u00e9ment.<\/li>\n<li>Le juridique\u00a0: Existe-t-il des exigences de conformit\u00e9 auxquelles le site Web doit adh\u00e9rer? Vos clients devront-ils accepter des termes et conditions de vente?<\/li>\n<\/ul>\n<h2>7. Design de sites web comparatifs<\/h2>\n<p>Pour le processus de conception, il est pratique d&rsquo;avoir une liste de sites Web que vous aimez et que vous n\u2019aimez pas. Cela vous donnera un point de d\u00e9part pour travailler votre design id\u00e9al.<\/p>\n<h2>8. Qui sont vos concurrents ?<\/h2>\n<p>L&rsquo;identification de vos concurrents r\u00e9pond \u00e0 trois fonctions:<\/p>\n<ul>\n<li>Voir ce que font d&rsquo;autres personnes et peut-\u00eatre s\u2019en inspirer pour votre projet<\/li>\n<li>Trouver des opportunit\u00e9s pour am\u00e9liorer ce que le march\u00e9 offre d\u00e9j\u00e0<\/li>\n<li>S\u2019assurer que votre conception de site Web est distincte de la concurrence<\/li>\n<\/ul>\n<div id=\"attachment_11344\" style=\"width: 320px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/05\/tableau-comparatif-concurrents-infosentrepreneur.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11344\" class=\"size-full wp-image-11344\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/05\/tableau-comparatif-concurrents-infosentrepreneur.png\" alt=\"source: Infosentrepreneur\" width=\"310\" height=\"460\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/05\/tableau-comparatif-concurrents-infosentrepreneur.png 310w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/05\/tableau-comparatif-concurrents-infosentrepreneur-202x300.png 202w\" sizes=\"auto, (max-width: 310px) 100vw, 310px\" \/><\/a><p id=\"caption-attachment-11344\" class=\"wp-caption-text\">source: Infosentrepreneur<\/p><\/div>\n<h2>9. Budget<\/h2>\n<p>Beaucoup de gens ne veulent pas divulguer leur budget \u00e0 leur prestataire. Mais ceci est contre-productif. Si votre budget est faible, il est possible de choisir une technologie sp\u00e9cifique qui est plus \u00e9conomique \u00e0 mettre en place avec des fonctionnalit\u00e9s \u00e0 ajouter en aval.<\/p>\n<p>Vous pouvez \u00e9galement envisager une approche<a href=\"https:\/\/academy.visiplus.com\/blog\/strategie-projets-web\/utiliser-la-gestion-de-projet-agile-pour-le-referencement-et-le-webmarketing-2017-02-07\" target=\"_blank\" rel=\"noopener noreferrer\"> gestion de projet Agile<\/a> pour le d\u00e9veloppement si vous ne pouvez pas tol\u00e9rer de devis fixe. Souvent, les r\u00e9sultats sont meilleurs pour toutes les parties.<\/p>\n<h2>10. Calendrier<\/h2>\n<p>Il est maintenant temps de mentionner les d\u00e9lais que vous pourriez avoir. La r\u00e8gle d\u2019or est qu\u2019ils doivent \u00eatre raisonnables avant tout ! Les projets Web peuvent prendre de six semaines \u00e0 six mois selon la taille du projet.<\/p>\n<p>Habituellement, une solution \u00e0 court terme peut \u00eatre mise \u00e0 disposition si vous n&rsquo;avez rien actuellement en ligne. Par exemple, une page d&rsquo;inscription est un bon moyen de rassembler des adresses mail de prospects avant de lancer votre nouveau site.<\/p>\n<h2>Ce qu\u2019il faut \u00e9viter\u00a0!<\/h2>\n<p>Nous avons pens\u00e9 qu&rsquo;il valait la peine d&rsquo;inclure certaines choses \u00e0 \u00e9viter dans votre <a href=\"https:\/\/academy.visiplus.com\/formation-gestion-projet.php\" target=\"_blank\" rel=\"noopener noreferrer\">gestion de projet web<\/a>\u00a0:<\/p>\n<ul>\n<li>Des sp\u00e9cifications excessivement longues<\/li>\n<li>Du jargon ou une sp\u00e9cification floue<\/li>\n<li>Enfin, ne vous concentrez pas trop sur la structure du site Web, cela sera d\u00e9fini au cours des phases de conception du projet.<\/li>\n<\/ul>\n<p>La cr\u00e9ation d&rsquo;une sp\u00e9cification inspir\u00e9e de ces lignes directrices devrait vous permettre d&rsquo;obtenir des devis pr\u00e9cis \u00e0 partir desquels vous pourrez acc\u00e9der \u00e0 votre site Web id\u00e9al. Une fois que votre site est en ligne, n&rsquo;oubliez pas de mesurer votre performance par rapport \u00e0 vos objectifs initiaux d\u00e9finis dans la premi\u00e8re partie.<\/p>\n<h6>source: wemakewebsites.com<\/h6>\n","protected":false},"excerpt":{"rendered":"<p>L\u2019objectif d\u2019un cahier des charges est de structurer et de formaliser un projet afin que l\u2019ensemble des membres impliqu\u00e9s dans ce projet aient une vision claire de toutes les \u00e9tapes qui le composent. Vous trouverez&#8230;<\/p>\n","protected":false},"author":9,"featured_media":11327,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[323,321,606,322,320],"tags":[41,547,638,718,34],"class_list":["post-11321","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plan-marketing-online","category-gestion-projet-web","category-methodes-agiles-social-media-1","category-piloter-refonte-site-web","category-strategie-projets-web","tag-conversion-2","tag-experience-utilisateur","tag-gestion-de-projet-agile","tag-rediger-un-cahier-des-charges-pour-un-projet-digital","tag-site-web-2"],"_links":{"self":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/11321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/comments?post=11321"}],"version-history":[{"count":18,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/11321\/revisions"}],"predecessor-version":[{"id":26898,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/11321\/revisions\/26898"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media\/11327"}],"wp:attachment":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media?parent=11321"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/categories?post=11321"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/tags?post=11321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}