{"id":18439,"date":"2020-04-28T10:30:37","date_gmt":"2020-04-28T08:30:37","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=18439"},"modified":"2025-08-20T17:18:58","modified_gmt":"2025-08-20T15:18:58","slug":"web-design-comment-utiliser-le-brutalism-design","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/","title":{"rendered":"Web design\u00a0: comment utiliser le Brutalism Design\u00a0?"},"content":{"rendered":"<p>Depuis 2017, le courant brutaliste du web design op\u00e8re un retour en force apr\u00e8s avoir accompagn\u00e9 les tout premiers sites web de l\u2019Histoire.<\/p>\n<p>Si certains webdesigners ont de nouveau recours \u00e0 ses codes pour concevoir des sites, c\u2019est qu\u2019ils sont persuad\u00e9s de concevoir des vitrines web qui se distinguent de ce qui existe d\u00e9j\u00e0.<\/p>\n<p>Ils doivent toutefois veiller \u00e0 ne pas aller trop loin sous peine de faire fuir l\u2019internaute\u2026Voyons donc ensemble comment il est possible d\u2019utiliser le <strong>Brutalism Design dans vos projets de sites web.<\/strong><\/p>\n<p>&nbsp;<\/p>\n<h2>Une petite histoire du Brutalism Design<\/h2>\n<p>Afin de parfaitement comprendre ce qu\u2019est le Brutalism Design, il faut savoir qu\u2019\u00e0 l\u2019origine, il s\u2019agit d\u2019un courant architectural n\u00e9 \u00e0 la fin des ann\u00e9es\u00a040 et dont l\u2019un des plus beaux exemples est la Cit\u00e9 Radieuse de Le Corbusier \u00e0 Marseille.<\/p>\n<figure id=\"attachment_18444\" aria-describedby=\"caption-attachment-18444\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-18444\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/04\/robin-hood-gardens.png\" alt=\"brutalism design\" width=\"800\" height=\"538\" \/><figcaption id=\"caption-attachment-18444\" class=\"wp-caption-text\">Robin hood Gardens (1972), Alison &amp; Peter Smithson\u2019s , <a href=\"https:\/\/graphiste.com\/blog\/ui-design-conseils-utiliser-photo-photographie\">photographie<\/a> Sandra Lousada<\/figcaption><\/figure>\n<p>Ce courant se caract\u00e9rise par trois grands principes\u00a0:<\/p>\n<ul>\n<li>la r\u00e9p\u00e9tition de certains \u00e9l\u00e9ments<\/li>\n<li>l\u2019absence d\u2019ornements<\/li>\n<li>le caract\u00e8re \u00ab\u2009brut\u2009\u00bb du b\u00e9ton ou de la brique<\/li>\n<\/ul>\n<p><iframe title=\"FLAVIEN BERGER - BRUTALISME\" width=\"770\" height=\"578\" src=\"https:\/\/www.youtube.com\/embed\/E11DAkrjlP8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Pendant une petite trentaine d\u2019ann\u00e9es, ce courant dominera avant de d\u00e9cliner et de r\u00e9appara\u00eetre sous une nouvelle forme dans les ann\u00e9es\u00a01990.<\/p>\n<p>En effet, les premiers sites web voient le jour et, par la force des choses et ils arborent un style brut. L\u2019artistique est totalement <strong>n\u00e9glig\u00e9<\/strong> mais le contenu est l\u00e0, bien pr\u00e9sent, et tant pis s\u2019il n\u2019est pas pr\u00e9sent\u00e9 sous la \u00ab\u2009bonne\u2009\u00bb forme.<\/p>\n<figure id=\"attachment_18445\" aria-describedby=\"caption-attachment-18445\" style=\"width: 593px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\" wp-image-18445\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/04\/woldwideweb_nav.png\" alt=\"\" width=\"593\" height=\"440\" \/><figcaption id=\"caption-attachment-18445\" class=\"wp-caption-text\"><a href=\"https:\/\/thehistoryoftheweb.com\/web-first-and-second-browser\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fen\u00eatres du premier navigateur web, appel\u00e9 WorldWideWeb (plus tard rebaptis\u00e9 Nexus) 1995<\/a><\/figcaption><\/figure>\n<p>Pour autant, la conception web va consid\u00e9rablement \u00e9voluer <em>\u2014 tout comme les attentes des internautes \u2014<\/em> au cours des 25 derni\u00e8res ann\u00e9es.<\/p>\n<p>Aujourd\u2019hui, les sites sont ainsi con\u00e7us pour faciliter la navigation de l\u2019internaute mais aussi sa conversion. Des \u00e9l\u00e9ments dont se fichent bien les adeptes du brutalisme en webdesign.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/web-design-utiliser-glitch-effect\">Web design&nbsp;: pourquoi utiliser l&#8217;effet glitch&nbsp;?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Le design brutaliste, une mani\u00e8re de casser les codes\u2009?<\/h2>\n<p>Avant toute chose, il est essentiel de rappeler que le brutalisme est un style de web design \u00e0 part enti\u00e8re. Autrement dit, il est possible de l\u2019adopter sans n\u00e9cessairement \u00eatre \u00ab\u2009antidesign\u2009\u00bb.<\/p>\n<figure id=\"attachment_18447\" aria-describedby=\"caption-attachment-18447\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-18447\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/04\/brutalist-showcase-10.png\" alt=\"site webdesign brutalism design\" width=\"800\" height=\"400\" \/><figcaption id=\"caption-attachment-18447\" class=\"wp-caption-text\"><a href=\"https:\/\/ignaciorivas.me\" target=\"_blank\" rel=\"noopener noreferrer\">Site<\/a><\/figcaption><\/figure>\n<p>En effet, certains designers brutalistes ne sont pas contre les diktats des tendances du web design. Ils d\u00e9sirent simplement suivre leur propre voie et avoir une d\u00e9marche artistique autre.<\/p>\n<p>D\u2019ailleurs, contrairement \u00e0 ce que l\u2019on peut entendre parfois, ils ne sont pas n\u00e9cessairement plus mauvais que leurs rivaux et ont juste un \u00e9tat d\u2019esprit et une philosophie diff\u00e9rente qu\u2019ils assument.<\/p>\n<figure id=\"attachment_18448\" aria-describedby=\"caption-attachment-18448\" style=\"width: 918px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-18448\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/04\/59e8bc17e63a1.jpg\" alt=\"webdesign\" width=\"918\" height=\"656\" \/><figcaption id=\"caption-attachment-18448\" class=\"wp-caption-text\"><a href=\"https:\/\/www.xxix.co\/#sn:naming\" target=\"_blank\" rel=\"noopener noreferrer\">Source<\/a><\/figcaption><\/figure>\n<p>Dans leurs projets, ils effectuent un v\u00e9ritable retour aux origines du web. Ainsi, n\u2019esp\u00e9rez pas trouver sur leurs sites Internet des animations, des vid\u00e9os, des pictogrammes ou m\u00eame des photos en grand nombre.<\/p>\n<figure id=\"attachment_18449\" aria-describedby=\"caption-attachment-18449\" style=\"width: 918px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-18449\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/04\/599584d2dca86.jpg\" alt=\"brutalism design\" width=\"918\" height=\"656\" \/><figcaption id=\"caption-attachment-18449\" class=\"wp-caption-text\"><a href=\"http:\/\/cafelapetitereine.ch\/carte.html\" target=\"_blank\" rel=\"noopener noreferrer\">Source<\/a><\/figcaption><\/figure>\n<p>Pour un internaute lambda, le choc risque <strong>d\u2019\u00eatre\u2026 brutal\u2009!<\/strong> Sur son \u00e9cran, c\u2019est bien uniquement du texte r\u00e9dig\u00e9 en noir (sur fond blanc) dans une typographie monospace qu\u2019il va trouver. Quelques liens en bleu pourront aussi appara\u00eetre et \u00e9gayer la page mais il ne faut pas en attendre davantage.<\/p>\n<p>Alors oui, le design brutaliste a de quoi surprendre et permet de casser les codes mais qui peut avoir un int\u00e9r\u00eat \u00e0 l\u2019adopter pour son site web\u2009?<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/bestof-web-design-original\">Web design&nbsp;: 87 sites web tendances et au concept original<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Pourquoi miser sur un site en Brutalism Design\u2009?<\/h2>\n<p>Maintenant que vous savez ce qui se cache derri\u00e8re le Brutalism Design, il est temps de se demander quels avantages il peut vous procurer dans votre projet.<\/p>\n<p>Eh bien, plusieurs peuvent \u00eatre identifi\u00e9s\u00a0:<\/p>\n<ul>\n<li>Une \u00e9conomie de temps et d\u2019argent. Plus besoin de financer un shooting photo ou d\u2019acqu\u00e9rir des licences pour utiliser des photos puisque votre vitrine Internet n\u2019en contiendra pas.<\/li>\n<\/ul>\n<ul>\n<li>Un site qui se d\u00e9marque de la concurrence. Aujourd\u2019hui, les sites web se ressemblent tous et il est parfois d\u2019associer une marque \u00e0 sa vitrine. Avec le brutalisme, vous avez la certitude que votre site ne ressemble \u00e0 aucun autre ce qui doit faciliter la m\u00e9morisation de votre marque.<\/li>\n<\/ul>\n<ul>\n<li>Un site centr\u00e9 sur l\u2019utilisateur. M\u00eame s\u2019il ne sera pas question de design optimisant l\u2019exp\u00e9rience client de l\u2019utilisateur, une r\u00e9elle r\u00e9flexion sera men\u00e9e pour que l\u2019utilisateur puisse ais\u00e9ment acc\u00e9der \u00e0 l\u2019information. La suppression de nombreux \u00ab\u2009artifices\u2009\u00bb s\u2019inscrit d\u2019ailleurs en ce sens.<\/li>\n<\/ul>\n<ul>\n<li>Un impact environnemental r\u00e9duit. Cela peut pr\u00eater \u00e0 sourire mais votre vitrine Internet n\u00e9cessitera moins de ressources et donc d\u2019espace serveur. Une petite contribution \u00e0 la protection de notre belle plan\u00e8te\u2026<\/li>\n<\/ul>\n<p>Ces avantages ne suffiront toutefois pas \u00e0 convaincre tous vos clients puisque certains secteurs d\u2019activit\u00e9 ou certaines cibles ne se pr\u00eatent pas du tout au web design brutaliste. Difficile d\u2019imaginer par exemple une marque de luxe ou une agence de voyages l\u2019utiliser.<\/p>\n<blockquote><p>Plus g\u00e9n\u00e9ralement, il peut se trouver une place de choix \u2014 \u00e0 condition de ne pas tomber dans du brut \u00e0 l\u2019extr\u00eame \u2014 pour des sites d\u2019actualit\u00e9s ou pour des sites au riche contenu textuel, Wikip\u00e9dia \u00e9tant l\u00e0 pour le d\u00e9montrer.<\/p><\/blockquote>\n<p>Le brutalisme peut aussi convenir pour des sites dont la cible est jeune et d\u00e9sireuse de casser les codes. Il peut par exemple \u00eatre le bon choix pour attirer des geeks ou des amateurs de musique underground\u2026<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/best-of-tendances-2020\">Logo, typographie, web design, graphisme&nbsp;: les meilleures tendances de 2020<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p>Le Brutalism Design a fait un come-back inattendu dans le monde du web. Toutefois, parce que le bouleversement graphique qu\u2019il g\u00e9n\u00e8re est profond, il est \u00e0 r\u00e9server \u00e0 des sites dont la cible accepte que l\u2019on casse les codes.<\/p>\n<p>Tout semble donc indiquer que le <a href=\"https:\/\/graphiste.com\/blog\/minimalisme-creer-logo\" target=\"_blank\" rel=\"noopener noreferrer\">web design minimaliste<\/a>\u00a0devrait rester encore quelque temps la v\u00e9ritable tendance\u2026 ce qui ne doit pas emp\u00eacher les professionnels de s\u2019int\u00e9resser aux autres styles existants\u2009!<\/p>\n<p>Image principale&nbsp;: <a href=\"http:\/\/dada-data.net\/en\/hub\" target=\"_blank\" rel=\"noopener noreferrer\">Cr\u00e9dit<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Depuis 2017, le courant brutaliste du web design op\u00e8re un retour en force apr\u00e8s avoir accompagn\u00e9 les tout premiers sites web de l\u2019Histoire. Si certains webdesigners ont de nouveau recours \u00e0 ses codes pour concevoir des sites, c\u2019est qu\u2019ils sont persuad\u00e9s de concevoir des vitrines web qui se distinguent de ce qui existe d\u00e9j\u00e0. Ils [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18458,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[40,42,43],"class_list":["post-18439","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-booster-agence","tag-creer-marque","tag-developper-entreprise"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Web design\u00a0: comment utiliser le Brutalism Design\u00a0? - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Depuis 2017, le courant brutaliste du web design op\u00e8re un retour en force apr\u00e8s avoir accompagn\u00e9 les tout premiers sites web de l\u2019Histoire. Si certains\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web design\u00a0: comment utiliser le Brutalism Design\u00a0? - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Depuis 2017, le courant brutaliste du web design op\u00e8re un retour en force apr\u00e8s avoir accompagn\u00e9 les tout premiers sites web de l\u2019Histoire. Si certains\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-28T08:30:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-20T15:18:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/04\/une-graphiste-brutalist-design-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Laura Michaud\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Michaud\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/web-design-comment-utiliser-le-brutalism-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/web-design-comment-utiliser-le-brutalism-design\\\/\"},\"author\":{\"name\":\"Laura Michaud\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#\\\/schema\\\/person\\\/33c0ef04707fbe50a096f282050bb5f2\"},\"headline\":\"Web design\u00a0: comment utiliser le Brutalism Design\u00a0?\",\"datePublished\":\"2020-04-28T08:30:37+00:00\",\"dateModified\":\"2025-08-20T15:18:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/web-design-comment-utiliser-le-brutalism-design\\\/\"},\"wordCount\":1072,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/web-design-comment-utiliser-le-brutalism-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2020\\\/04\\\/une-graphiste-brutalist-design-1.jpg\",\"keywords\":[\"Booster votre agence\",\"Cr\u00e9er votre marque\",\"D\u00e9velopper son entreprise\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/graphiste.com\\\/blog\\\/web-design-comment-utiliser-le-brutalism-design\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/web-design-comment-utiliser-le-brutalism-design\\\/\",\"url\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/web-design-comment-utiliser-le-brutalism-design\\\/\",\"name\":\"Web design\u00a0: comment utiliser le Brutalism Design\u00a0? - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/web-design-comment-utiliser-le-brutalism-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/web-design-comment-utiliser-le-brutalism-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2020\\\/04\\\/une-graphiste-brutalist-design-1.jpg\",\"datePublished\":\"2020-04-28T08:30:37+00:00\",\"dateModified\":\"2025-08-20T15:18:58+00:00\",\"description\":\"Depuis 2017, le courant brutaliste du web design op\u00e8re un retour en force apr\u00e8s avoir accompagn\u00e9 les tout premiers sites web de l\u2019Histoire. Si certains\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/web-design-comment-utiliser-le-brutalism-design\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/graphiste.com\\\/blog\\\/web-design-comment-utiliser-le-brutalism-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/web-design-comment-utiliser-le-brutalism-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2020\\\/04\\\/une-graphiste-brutalist-design-1.jpg\",\"contentUrl\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2020\\\/04\\\/une-graphiste-brutalist-design-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/web-design-comment-utiliser-le-brutalism-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/webdesign\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web design\u00a0: comment utiliser le Brutalism Design\u00a0?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2022\\\/07\\\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2022\\\/07\\\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/graphistesfreelances\",\"https:\\\/\\\/x.com\\\/Graphistecom\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/graphiste-com\\\/\",\"https:\\\/\\\/fr.pinterest.com\\\/Graphiste_Com\",\"https:\\\/\\\/www.instagram.com\\\/graphiste_com\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#\\\/schema\\\/person\\\/33c0ef04707fbe50a096f282050bb5f2\",\"name\":\"Laura Michaud\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"caption\":\"Laura Michaud\"},\"description\":\"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/michaudlaura\\\/\"],\"url\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/author\\\/laura\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web design\u00a0: comment utiliser le Brutalism Design\u00a0? - Graphiste Blog","description":"Depuis 2017, le courant brutaliste du web design op\u00e8re un retour en force apr\u00e8s avoir accompagn\u00e9 les tout premiers sites web de l\u2019Histoire. Si certains","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:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/","og_locale":"fr_FR","og_type":"article","og_title":"Web design\u00a0: comment utiliser le Brutalism Design\u00a0? - Graphiste Blog","og_description":"Depuis 2017, le courant brutaliste du web design op\u00e8re un retour en force apr\u00e8s avoir accompagn\u00e9 les tout premiers sites web de l\u2019Histoire. Si certains","og_url":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2020-04-28T08:30:37+00:00","article_modified_time":"2025-08-20T15:18:58+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/04\/une-graphiste-brutalist-design-1.jpg","type":"image\/jpeg"}],"author":"Laura Michaud","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Laura Michaud","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/"},"author":{"name":"Laura Michaud","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2"},"headline":"Web design\u00a0: comment utiliser le Brutalism Design\u00a0?","datePublished":"2020-04-28T08:30:37+00:00","dateModified":"2025-08-20T15:18:58+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/"},"wordCount":1072,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/04\/une-graphiste-brutalist-design-1.jpg","keywords":["Booster votre agence","Cr\u00e9er votre marque","D\u00e9velopper son entreprise"],"articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/","url":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/","name":"Web design\u00a0: comment utiliser le Brutalism Design\u00a0? - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/04\/une-graphiste-brutalist-design-1.jpg","datePublished":"2020-04-28T08:30:37+00:00","dateModified":"2025-08-20T15:18:58+00:00","description":"Depuis 2017, le courant brutaliste du web design op\u00e8re un retour en force apr\u00e8s avoir accompagn\u00e9 les tout premiers sites web de l\u2019Histoire. Si certains","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/04\/une-graphiste-brutalist-design-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/04\/une-graphiste-brutalist-design-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/web-design-comment-utiliser-le-brutalism-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/graphiste.com\/blog\/webdesign\/"},{"@type":"ListItem","position":3,"name":"Web design\u00a0: comment utiliser le Brutalism Design\u00a0?"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2","name":"Laura Michaud","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","caption":"Laura Michaud"},"description":"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.","sameAs":["https:\/\/www.linkedin.com\/in\/michaudlaura\/"],"url":"https:\/\/graphiste.com\/blog\/author\/laura\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/18439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=18439"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/18439\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/18458"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=18439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=18439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=18439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}