{"id":249,"date":"2020-03-18T15:52:46","date_gmt":"2020-03-18T14:52:46","guid":{"rendered":"https:\/\/www.sortlist.fr\/blog\/?p=249"},"modified":"2024-03-07T17:45:12","modified_gmt":"2024-03-07T16:45:12","slug":"web-design-pratiques","status":"publish","type":"post","link":"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/","title":{"rendered":"Cahier des charges du webdesign : parcours des bonnes pratiques"},"content":{"rendered":"\n<p>Sur Internet, les personnes qui prennent le temps de lire toutes les informations d\u2019un site web sont rares. Les internautes souhaitent surtout trouver au plus vite des informations pertinentes, en regardant rapidement le contenu d\u2019une page. La conception d\u2019un site Internet devra alors \u00eatre simple et attractive. C\u2019est pourquoi il est essentiel d&rsquo;avoir recours au <strong>webdesign<\/strong>.<\/p>\n\n\n\n<p>Dans cet article, nous pr\u00e9sentons toutes <strong>les bonnes pratiques du webdesign<\/strong> pour vous aider \u00e0 construire le cahier des charges de la cr\u00e9ation de votre site internet.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La charte graphique<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Qu\u2019est-ce qu\u2019une charte graphique en webdesign ?<\/h3>\n\n\n\n<p>La charte graphique, c\u2019est un document pr\u00e9cieux, r\u00e9alis\u00e9e par un <strong>webdesigner<\/strong>. Elle rassemble toutes les r\u00e8gles sur lesquelles est fond\u00e9e l\u2019identit\u00e9 visuelle de votre entreprise. En clair, elle va servir de fil conducteur \u00e0 toux ceux qui vont concevoir un support de communication pour vous, y compris l\u2019agence web \u00e0 qui vous allez confier la conception de votre site.<\/p>\n\n\n\n<p>Par cons\u00e9quent :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Il y aura une coh\u00e9rence graphique entre tous vos supports : Site Internet, r\u00e9seaux sociaux, ent\u00eate de lettres et factures, carte de visite, flyers, enseignes, textile, v\u00e9hicules, signature e-mail, etc.<\/li>\n\n\n\n<li>Les internautes, les clients et les fournisseurs reconnaitront votre marque en un coup d\u2019\u0153il, car ils ont connaissent votre identit\u00e9 graphique.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Logo explicite<\/h3>\n\n\n\n<p>Le logo et la mani\u00e8re dont on l\u2019utilise occupent une place importante dans la charte graphique. Sur un site internet, il s\u2019agit ni plus ni moins du premier \u00e9l\u00e9ment que le visiteur regarde. Un logo efficace est g\u00e9n\u00e9ralement simple, original, facile \u00e0 identifier, refl\u00e9tant l\u2019esprit et les sp\u00e9cificit\u00e9s de votre entreprise. Alors soyez-en fier, mettez-le en avant, en haut de la page.<\/p>\n\n\n\n<p>Le logo est la premi\u00e8re chose que les internautes regardent. Il repr\u00e9sente l\u2019image et les valeurs de l\u2019entreprise.<\/p>\n\n\n\n<p>\u00c0 noter que le logo n\u2019est pas seulement indispensable pour l\u2019<strong>optimisation de la qualit\u00e9 visuelle d&rsquo;un site<\/strong>. Il joue \u00e9galement un r\u00f4le important pour perfectionner la qualit\u00e9 de la navigation en am\u00e9liorant l\u2019exp\u00e9rience des visiteurs. De ce fait, il est important de veiller \u00e0 ce que le logo puisse renvoyer automatiquement les internautes vers la page d\u2019accueil du site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Code couleur<\/h3>\n\n\n\n<p>La couleur a une influence qui d\u00e9passe l\u2019apparence du site et l\u2019image de votre soci\u00e9t\u00e9. Elle cr\u00e9e une atmosph\u00e8re et permet de structurer le contenu. Toutefois, gardez en t\u00eate que le but est de permettre au visiteur de retenir et reconnaitre facilement vos couleurs.<\/p>\n\n\n\n<p>Bien que les nuances soient infinies, mieux vaut oublier les sept couleurs de l\u2019arc-en-ciel ! Contentez-vous de quelques-unes qui seront \u00e9galement adapt\u00e9es \u00e0 vos diff\u00e9rents supports (voiture, impression t-shirt, etc.)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9l\u00e9ments visuels du webdesign<\/h3>\n\n\n\n<p>Ic\u00f4nes personnalis\u00e9es, illustrations, mascotte, photos, \u2026 Ce type d\u2019\u00e9l\u00e9ments peut \u00eatre utilis\u00e9 par une entreprise pour renforcer son identit\u00e9 visuelle en plus du logo. Pour faire en sorte que dans l\u2019esprit des internautes ces \u00e9l\u00e9ments graphiques refl\u00e8tent votre image, pensez \u00e0 uniformiser leur utilisation \u00e0 travers la charte graphique. Quant au moyen le plus simple de les associer facilement \u00e0 votre entreprise, c\u2019est tout simplement de les afficher r\u00e9guli\u00e8rement.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Police<\/h3>\n\n\n\n<p>Le choix de la typographie n\u2019est pas \u00e0 prendre \u00e0 la l\u00e9g\u00e8re. Chaque police d\u2019\u00e9criture a son caract\u00e8re. Selon votre cible et le message que vous souhaitez transmettre, vous choisirez certainement une typographie plut\u00f4t qu\u2019une autre. S\u00e9lectionner diff\u00e9rentes tailles et formes permet d\u2019ajouter du relief et de hi\u00e9rarchiser votre contenu. Toutefois, il est essentiel de veiller au confort du lecteur.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Le webdesign d&rsquo;un site<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Types de webdesign<\/h3>\n\n\n\n<p>M\u00eame si vous avez enti\u00e8rement confiance en votre agence web, au lieu de lui donner carte blanche, vous pourriez lui souffler quelques id\u00e9es sur le type de design qui correspond \u00e0 vos envies et vos besoins. Voici les derni\u00e8res tendances en mati\u00e8re de web design&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Le minimaliste<\/strong>, pour aller droit au but. C\u2019est le genre de site web o\u00f9 l\u2019on affiche peu d\u2019\u00e9l\u00e9ments, mais le peu qui y figure correspond \u00e0 l\u2019essentiel, ce que l\u2019internaute recherche, et ce qu\u2019il a besoin de retenir.<\/li>\n\n\n\n<li><strong>Le flat design<\/strong>, intuitif avant tout. Il s\u2019agit d\u2019offrir une interface \u00e9pur\u00e9e avec des couleurs vives et des objets sans texture.<\/li>\n\n\n\n<li><strong>L\u2019illustratif<\/strong>, pour donner vie \u00e0 un site internet. Les illustrations, animations et dessins de bandes dessin\u00e9es sont une mani\u00e8re cr\u00e9ative et originale de vous pr\u00e9senter.<\/li>\n\n\n\n<li><strong>La vid\u00e9o<\/strong>, \u00e9pargnez-lui les longues phrases et invitez l\u2019internaute \u00e0 visionner une vid\u00e9o. Avec une belle s\u00e9quence pertinente, c\u2019est toujours plus attrayant et plus efficace !<\/li>\n\n\n\n<li><strong>Le typography design.&nbsp;<\/strong>Dites-le avec des mots \u00e9crits dans des polices minutieusement choisies. Murmurer, se rebeller, attendrir, s\u2019affirmer, s\u00e9duire\u2026 Ce type de design s\u2019appuie sur les personnalit\u00e9s de chaque typographie pour attirer l\u2019\u0153il et faire passer un message.<\/li>\n\n\n\n<li><strong>Le concept one-page<\/strong> classique et compact, mais efficace pour charmer l\u2019internaute press\u00e9. Tout le contenu tient donc sur une seule page. Toutefois, cela ne convient pas \u00e0 tous les sites internet.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Utilisation de la grille<\/h3>\n\n\n\n<p>Avant toute chose, la grille est la base des bonnes pratiques dans le domaine du webdesign. Tout bon <strong>webdesigner<\/strong>&nbsp;doit \u00eatre conscient du fait qu\u2019un excellent esprit cr\u00e9atif n\u2019est pas suffisant pour cr\u00e9er un site professionnel. Un template bien structur\u00e9 peut en faire toute la diff\u00e9rence afin de rendre plus facile le parcours de l\u2019\u0153il sur la page. La grille procure alors un v\u00e9ritable confort de lecture pour les internautes.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/s3-eu-west-1.amazonaws.com\/sortlist-cocoon\/app\/public\/ckeditor_assets\/pictures\/481\/content_webdesign-grille.jpg\" alt=\"webdesign-grille\"\/><\/figure>\n\n\n\n<p>Faciliter le parcours des yeux sur la page web, rendre la lecture plus agr\u00e9able, telle est le but de l\u2019utilisation d\u2019une grille. Il existe plusieurs mod\u00e8les, con\u00e7us pour les interfaces web. Des axes verticaux et\/ou horizontaux composent la grille. Pour structurer le contenu, des intervalles appel\u00e9s \u00ab goutti\u00e8res \u00bb espacent les axes.<\/p>\n\n\n\n<p>Les marges qui sont sur les deux c\u00f4t\u00e9s, \u00e9ventuellement en haut et en bas, sont les parties r\u00e9fl\u00e9chies pour que l\u2019internaute ne soit pas d\u00e9stabilis\u00e9 par les bords de l\u2019\u00e9cran.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Un ent\u00eate astucieux<\/h3>\n\n\n\n<p>Les internautes n\u2019aiment vraiment pas \u00e0 attendre avant de pouvoir acc\u00e9der aux informations. Offrir une possibilit\u00e9 de consulter les pages sur la longueur est alors per\u00e7ue comme une solution parfaite. En quelques coups de roulette de souris, les internautes ont acc\u00e8s \u00e0 toutes les informations.<\/p>\n\n\n\n<p>De m\u00eame, la fixation de l\u2019ent\u00eate du site prive les internautes des longs trajets de retour vers le haut de page. Ce qui ne peut \u00eatre qu\u2019une bonne chose.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9laborer le CTA (Call To Action)<\/h3>\n\n\n\n<p>Le CTA, traduit en fran\u00e7ais \u00ab <strong>appel \u00e0 action<\/strong> \u00bb, est une fonctionnalit\u00e9 visant \u00e0 inciter les visiteurs \u00e0 ex\u00e9cuter diverses manipulations propos\u00e9es par le site. G\u00e9n\u00e9ralement, ces actions sont affich\u00e9es en boutons qui sont plac\u00e9s de mani\u00e8re strat\u00e9gique pour \u00eatre s\u00fbrs que les internautes les voient. Les manipulations propos\u00e9es sont choisies par le webdesigner. Cela peut \u00eatre l\u2019inscription \u00e0 la newsletter, la cr\u00e9ation de contact, l\u2019ajout au panier ou l\u2019encouragement \u00e0 liker par exemple.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Moteur de recherche<\/h3>\n\n\n\n<p>L\u2019<a target=\"_blank\" rel=\"noopener noreferrer\">importance du webdesign<\/a> ne se r\u00e9sume pas \u00e0 simplifier la lecture des contenus et des informations. Elle consiste \u00e9galement \u00e0 inviter les visiteurs \u00e0 rester le maximum de temps sur le site et de les inciter \u00e0 toujours y revenir. Int\u00e9grer un moteur de recherche dans le site permet alors aux internautes de trouver et d\u2019acc\u00e9der facilement aux informations qu\u2019ils souhaitent avoir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Maquettes de pages<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/s3-eu-west-1.amazonaws.com\/sortlist-cocoon\/app\/public\/ckeditor_assets\/pictures\/569\/content_mockup.jpg\" alt=\"maquette de pages refonte\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Qu\u2019est-ce qu\u2019une maquette en webdesign ?<\/h3>\n\n\n\n<p>Le \u00ab&nbsp;wireframing&nbsp;\u00bb ou maquettage du site est une \u00e9tape essentielle dans l\u2019\u00e9tablissement du cahier des charges du web design. Les maquettes de page sont en quelque sorte&nbsp;<strong>une esquisse<\/strong> qui permet de visualiser :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.sortlist.fr\/blog\/arborescence-site-web\/\" target=\"_blank\" rel=\"noopener\">l\u2019arborescence du site<\/a>, c\u2019est-\u00e0-dire l\u2019organisation de celui-ci.<\/li>\n\n\n\n<li>l\u2019interface graphique avec les interactivit\u00e9s et l\u2019ergonomie.<\/li>\n<\/ul>\n\n\n\n<p>L\u2019objectif est de mettre en place le fil conducteur des \u00e9tapes de conception, afin que tous les intervenants (vous, l\u2019agence web ou les webdesigners et d\u00e9veloppeurs) soient align\u00e9s.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Maquette fonctionnelle<\/h3>\n\n\n\n<p>La maquette fonctionnelle, connue \u00e9galement sous le terme de \u00ab&nbsp;wireframe&nbsp;\u00bb, est la t\u00e2che la plus \u00e9l\u00e9mentaire qui marque le d\u00e9but de la cr\u00e9ation d\u2019un site. Elle consiste \u00e0&nbsp;<strong>disposer, organiser sur une page en noir et blanc les diff\u00e9rents \u00e9l\u00e9ments et principaux contenus<\/strong>&nbsp;de la page web. Balsamiq fait partie des logiciels de maquette fonctionnelle les plus connus.<br>Vous entendrez probablement parler de&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>mock-up, c\u2019est la maquette fonctionnelle en taille r\u00e9elle<\/li>\n\n\n\n<li>zoning, c\u2019est un genre de maquette compos\u00e9e uniquement de blocs de contenu<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Maquette graphique<\/h3>\n\n\n\n<p>C\u2019est l\u2019\u00e9tape qui suit la maquette fonctionnelle. Elle permet d\u2019apporter plus de d\u00e9tails \u00e0 l\u2019aspect du site&nbsp;: couleur, logo, forme, quelques textes, etc. G\u00e9n\u00e9ralement, la maquette graphique est r\u00e9alis\u00e9e avec les logiciels de graphisme comme Adobe Photoshop ou Illustrator.<\/p>\n\n\n\n<p>Nous vous en disons plus dans notre article o\u00f9 nous expliquons comment cr\u00e9er <a href=\"https:\/\/www.sortlist.fr\/blog\/maquette-site-web\/\" target=\"_blank\" rel=\"noopener\">la maquette d&rsquo;un site web<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">L\u2019ex\u00e9cutant de votre webdesign<\/h2>\n\n\n\n<p>Il existe diff\u00e9rents ex\u00e9cutants du design d\u2019un projet web. Les questions r\u00e9currentes sont :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Faut-il faire appel \u00e0 une agence de communication\/marketing ?<\/li>\n\n\n\n<li>Faire appel \u00e0 un freelance ou m\u00eame r\u00e9aliser la refonte du webdesign par soi-m\u00eame ?<\/li>\n<\/ul>\n\n\n\n<p>Chacune de ces pistes a des avantages et inconv\u00e9nients.<\/p>\n\n\n\n<p>M\u00eame si faire appel \u00e0 un professionnel demande du budget, on est certain d\u2019avoir un travail d\u2019expert. Par exemple, les agences ont toute une \u00e9quipe de m\u00e9tiers du web comprenant graphique et web designer. Elles auront donc une grande cr\u00e9ativit\u00e9 tout en pouvant s\u2019adapter \u00e0 votre budget. De plus, une agence pourra aussi vous proposer des services en r\u00e9f\u00e9rencement naturel (SEO).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sur Internet, les personnes qui prennent le temps de lire toutes les informations d\u2019un site web sont rares. Les internautes souhaitent surtout trouver au plus vite des informations pertinentes, en regardant rapidement le contenu d\u2019une page. La conception d\u2019un site Internet devra alors \u00eatre simple et attractive. C\u2019est pourquoi il est essentiel d&rsquo;avoir recours au [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":772,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_sb_is_suggestion_mode":false,"_sb_show_suggestion_boards":false,"_sb_show_comment_boards":false,"_sb_suggestion_history":"","_sb_update_block_changes":"","content-type":"","om_disable_all_campaigns":false,"footnotes":""},"categories":[17],"class_list":["post-249","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cahier des charges du webdesign : parcours des bonnes pratiques<\/title>\n<meta name=\"description\" content=\"Dans cet article, nous vous pr\u00e9sentons une liste de toutes les bonnes pratiques \u00e0 suivre en Webdesign en 2026 pour r\u00e9ussir votre site web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cahier des charges du webdesign : parcours des bonnes pratiques\" \/>\n<meta property=\"og:description\" content=\"Dans cet article, nous vous pr\u00e9sentons une liste de toutes les bonnes pratiques \u00e0 suivre en Webdesign en 2026 pour r\u00e9ussir votre site web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/\" \/>\n<meta property=\"og:site_name\" content=\"Sortlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-18T14:52:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-07T16:45:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2020\/03\/shahadat-rahman-bfrqnkbulyq-unsplash-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Tancr\u00e8de d&#039;Aspremont Lynden\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tancr\u00e8de d&#039;Aspremont Lynden\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/web-design-pratiques\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/web-design-pratiques\\\/\"},\"author\":{\"name\":\"Tancr\u00e8de d'Aspremont Lynden\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/#\\\/schema\\\/person\\\/3a09cba0494828940c49b550349b464b\"},\"headline\":\"Cahier des charges du webdesign : parcours des bonnes pratiques\",\"datePublished\":\"2020-03-18T14:52:46+00:00\",\"dateModified\":\"2024-03-07T16:45:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/web-design-pratiques\\\/\"},\"wordCount\":1696,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/web-design-pratiques\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2020\\\/03\\\/shahadat-rahman-bfrqnkbulyq-unsplash-scaled.jpg\",\"articleSection\":[\"Web Design\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/web-design-pratiques\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/web-design-pratiques\\\/\",\"url\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/web-design-pratiques\\\/\",\"name\":\"Cahier des charges du webdesign : parcours des bonnes pratiques\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/web-design-pratiques\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/web-design-pratiques\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2020\\\/03\\\/shahadat-rahman-bfrqnkbulyq-unsplash-scaled.jpg\",\"datePublished\":\"2020-03-18T14:52:46+00:00\",\"dateModified\":\"2024-03-07T16:45:12+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/#\\\/schema\\\/person\\\/3a09cba0494828940c49b550349b464b\"},\"description\":\"Dans cet article, nous vous pr\u00e9sentons une liste de toutes les bonnes pratiques \u00e0 suivre en Webdesign en 2026 pour r\u00e9ussir votre site web.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/web-design-pratiques\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/web-design-pratiques\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/web-design-pratiques\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2020\\\/03\\\/shahadat-rahman-bfrqnkbulyq-unsplash-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2020\\\/03\\\/shahadat-rahman-bfrqnkbulyq-unsplash-scaled.jpg\",\"width\":2560,\"height\":1707,\"caption\":\"Vue d'un code html\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/web-design-pratiques\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cahier des charges du webdesign : parcours des bonnes pratiques\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.sortlist.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.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.fr\\\/blog\\\/#\\\/schema\\\/person\\\/3a09cba0494828940c49b550349b464b\",\"name\":\"Tancr\u00e8de d'Aspremont Lynden\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2022\\\/08\\\/avatar_user_17_1660044810-96x96.jpeg\",\"url\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2022\\\/08\\\/avatar_user_17_1660044810-96x96.jpeg\",\"contentUrl\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2022\\\/08\\\/avatar_user_17_1660044810-96x96.jpeg\",\"caption\":\"Tancr\u00e8de d'Aspremont Lynden\"},\"description\":\"Content Manager chez Sortlist. Son travail lui donne l'occasion de combiner ses deux passions : la cr\u00e9ation de contenu et le marketing. Lorsqu'il n'\u00e9crit pas d'articles pour notre blog, il anime le podcast \\\"Beyond Marketing\\\".\",\"url\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/author\\\/tancrede\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cahier des charges du webdesign : parcours des bonnes pratiques","description":"Dans cet article, nous vous pr\u00e9sentons une liste de toutes les bonnes pratiques \u00e0 suivre en Webdesign en 2026 pour r\u00e9ussir votre site web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/","og_locale":"fr_FR","og_type":"article","og_title":"Cahier des charges du webdesign : parcours des bonnes pratiques","og_description":"Dans cet article, nous vous pr\u00e9sentons une liste de toutes les bonnes pratiques \u00e0 suivre en Webdesign en 2026 pour r\u00e9ussir votre site web.","og_url":"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/","og_site_name":"Sortlist Blog","article_published_time":"2020-03-18T14:52:46+00:00","article_modified_time":"2024-03-07T16:45:12+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2020\/03\/shahadat-rahman-bfrqnkbulyq-unsplash-scaled.jpg","type":"image\/jpeg"}],"author":"Tancr\u00e8de d'Aspremont Lynden","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Tancr\u00e8de d'Aspremont Lynden","Dur\u00e9e de lecture estim\u00e9e":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/#article","isPartOf":{"@id":"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/"},"author":{"name":"Tancr\u00e8de d'Aspremont Lynden","@id":"https:\/\/www.sortlist.fr\/blog\/#\/schema\/person\/3a09cba0494828940c49b550349b464b"},"headline":"Cahier des charges du webdesign : parcours des bonnes pratiques","datePublished":"2020-03-18T14:52:46+00:00","dateModified":"2024-03-07T16:45:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/"},"wordCount":1696,"commentCount":0,"image":{"@id":"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2020\/03\/shahadat-rahman-bfrqnkbulyq-unsplash-scaled.jpg","articleSection":["Web Design"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/","url":"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/","name":"Cahier des charges du webdesign : parcours des bonnes pratiques","isPartOf":{"@id":"https:\/\/www.sortlist.fr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/#primaryimage"},"image":{"@id":"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2020\/03\/shahadat-rahman-bfrqnkbulyq-unsplash-scaled.jpg","datePublished":"2020-03-18T14:52:46+00:00","dateModified":"2024-03-07T16:45:12+00:00","author":{"@id":"https:\/\/www.sortlist.fr\/blog\/#\/schema\/person\/3a09cba0494828940c49b550349b464b"},"description":"Dans cet article, nous vous pr\u00e9sentons une liste de toutes les bonnes pratiques \u00e0 suivre en Webdesign en 2026 pour r\u00e9ussir votre site web.","breadcrumb":{"@id":"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/#primaryimage","url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2020\/03\/shahadat-rahman-bfrqnkbulyq-unsplash-scaled.jpg","contentUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2020\/03\/shahadat-rahman-bfrqnkbulyq-unsplash-scaled.jpg","width":2560,"height":1707,"caption":"Vue d'un code html"},{"@type":"BreadcrumbList","@id":"https:\/\/www.sortlist.fr\/blog\/web-design-pratiques\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sortlist.fr\/blog\/"},{"@type":"ListItem","position":2,"name":"Cahier des charges du webdesign : parcours des bonnes pratiques"}]},{"@type":"WebSite","@id":"https:\/\/www.sortlist.fr\/blog\/#website","url":"https:\/\/www.sortlist.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.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.fr\/blog\/#\/schema\/person\/3a09cba0494828940c49b550349b464b","name":"Tancr\u00e8de d'Aspremont Lynden","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.sortlist.fr\/blog\/wp-content\/uploads\/sites\/3\/2022\/08\/avatar_user_17_1660044810-96x96.jpeg","url":"https:\/\/www.sortlist.fr\/blog\/wp-content\/uploads\/sites\/3\/2022\/08\/avatar_user_17_1660044810-96x96.jpeg","contentUrl":"https:\/\/www.sortlist.fr\/blog\/wp-content\/uploads\/sites\/3\/2022\/08\/avatar_user_17_1660044810-96x96.jpeg","caption":"Tancr\u00e8de d'Aspremont Lynden"},"description":"Content Manager chez Sortlist. Son travail lui donne l'occasion de combiner ses deux passions : la cr\u00e9ation de contenu et le marketing. Lorsqu'il n'\u00e9crit pas d'articles pour notre blog, il anime le podcast \"Beyond Marketing\".","url":"https:\/\/www.sortlist.fr\/blog\/author\/tancrede\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/posts\/249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/comments?post=249"}],"version-history":[{"count":2,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/posts\/249\/revisions"}],"predecessor-version":[{"id":16493,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/posts\/249\/revisions\/16493"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/media\/772"}],"wp:attachment":[{"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/media?parent=249"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/categories?post=249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}