{"id":240101,"date":"2022-01-14T16:26:22","date_gmt":"2022-01-14T15:26:22","guid":{"rendered":"https:\/\/presentiadm.com\/?p=240101"},"modified":"2022-01-21T10:18:38","modified_gmt":"2022-01-21T09:18:38","slug":"6-web-design-trends-to-follow-or-not-to-follow-in-2022","status":"publish","type":"post","link":"https:\/\/presentiadm.com\/en\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\/","title":{"rendered":"6 web design trends to follow (or not) in 2022"},"content":{"rendered":"<p class=\"wp-block-paragraph\">As a continuation of the post made in 2021, I did not want to miss the opportunity to name 6 others. <strong>web design trends<\/strong> who will try to collect <strong>prominence this 2022,<\/strong> some more interesting than others.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While I believe that the <strong>web trends<\/strong> serve more as <strong>play experiments<\/strong> I do find it interesting to observe and learn new ways of communicating in an attractive way, and why not, try some of the novelties and styles suggested by the greats of web design.<\/p>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">1 - Scrollytelling<\/h2>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The merger between <strong>\"scroll<\/strong> <strong>and storytelling,<\/strong> or how to tell a <strong>history<\/strong> while the user scrolls down our website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The idea is to dynamically intermingle different elements in order to create an effect of discovery and make the visitor want to keep scrolling to reveal what lies below.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Although the <strong>scroll effects<\/strong> that we already mentioned in the 2021 post have a lot to do (resizing, interactive backgrounds etc.) scrollytelling goes beyond that. We are not talking about simply adding scrolling effects for aesthetic purposes, but more about <strong>narrative.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thus, images, texts and all visual elements dance in harmony following a certain logic, very well planned, in order to <strong>convey a story<\/strong> to our visitor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Some of the websites that have captivated me thanks to scrollytelling are <strong><a href=\"https:\/\/infraredmindbody.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Infrared<\/a><\/strong> and <strong><a href=\"https:\/\/www.kalso.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kalso<\/a><\/strong>vegan footwear company, a little more spectacular but perhaps a little overdone.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"362\" src=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/kalso-scrollytelling.gif\" alt=\"\" class=\"wp-image-240201\"\/><\/figure><\/div>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>2 \u2013 <\/strong>&nbsp;Horizontal scroll<\/h2>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Until now, when I discovered with my mobile phone that I could swipe from right to left on a website, it was proof that it was a carelessly designed website, as the <strong>horizontal scroll, <\/strong>generally avoided, is due to <strong>margins or paddings<\/strong> that have slipped off the screen of the device.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Well, I found it really interesting how a flaw can become a trend, of course, without it being a question of neglected spaces but of a new, more modern and more modern way of living. <strong>original way to navigate <\/strong>in one place.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A couple of sites worth experiencing are <strong><a href=\"https:\/\/joshworth.com\/dev\/pixelspace\/pixelspace_solarsystem.html\" target=\"_blank\" rel=\"noreferrer noopener\">If the moon were only 1 pixel<\/a><\/strong> or the Canadian brand<strong> <a href=\"https:\/\/homesociete.ca\/en\/\" target=\"_blank\" rel=\"noreferrer noopener\">Home Society<\/a>. <\/strong>Even if the horizontal scrolling goes against a <strong>consensus<\/strong> as deep-rooted as <strong>scroll down<\/strong> on a website, in certain sections it can work by creating a <strong>surprising interaction<\/strong> for the user.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"744\" height=\"360\" src=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/home-societe-horizontal-scroll-01.gif\" alt=\"\" class=\"wp-image-240203\"\/><\/figure><\/div>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">3 - Brutalist typography<\/h2>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Every year there is a font trend. 2021 was the year of large or XL typefaces. This year, 2022 seems to be even more concrete and we are talking about \"<a href=\"https:\/\/mymodernmet.com\/brutalist-architecture\/\" target=\"_blank\" rel=\"noreferrer noopener\">brutalism<\/a>\". In reality, it is a term that comes from the <strong>architecture<\/strong> and refers to an architectural style that came to prominence in the mid-20th century, characterised by a <strong>rough and rugged appearance<\/strong> and whose basic materials are visible from the outside.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thus, the <strong>brutalist typography<\/strong> is that dry, hard typeface, generally thick and with a <strong>urban nuance,<\/strong> which stands as a contrast to the minimalism that prevails these days in web design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Some examples that I have loved are the <strong><a href=\"https:\/\/www.behance.net\/gallery\/85045335\/Miratrix-Font-Free-LatinCyrilic\" target=\"_blank\" rel=\"noreferrer noopener\">Miratrix<\/a><\/strong> or the<strong> <a href=\"https:\/\/www.behance.net\/gallery\/68622765\/Monument-Extended-New-Free-Font\" target=\"_blank\" rel=\"noreferrer noopener\">Monument Extended<\/a>.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-gallery aligncenter columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"486\" src=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/brutalism-01.jpg\" alt=\"\" data-id=\"240177\" data-full-url=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/brutalism-01.jpg\" data-link=\"https:\/\/presentiadm.com\/?attachment_id=240177\" class=\"wp-image-240177\" srcset=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/brutalism-01.jpg 800w, https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/brutalism-01-480x292.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"486\" src=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/brutalism-02.jpg\" alt=\"\" data-id=\"240178\" data-full-url=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/brutalism-02.jpg\" data-link=\"https:\/\/presentiadm.com\/?attachment_id=240178\" class=\"wp-image-240178\" srcset=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/brutalism-02.jpg 800w, https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/brutalism-02-480x292.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">2 examples of brutalist typefaces: Miratrix and Monument Extended.<\/figcaption><\/figure>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">4 - Strong contrasts between colours<\/h2>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Of course, this trend is not for everyone, nor is it suitable for any website, but it is still a style that can bring a certain nostalgia to the generations born in the 80s.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Perhaps for sites related to art, music and similar fields it might be suitable.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Has anyone else thought of a retro tracksuit when they saw this pink and yellow one from <strong><a href=\"https:\/\/superglow.co\/\" target=\"_blank\" rel=\"noreferrer noopener\">Superglow<\/a><\/strong>? The animation studio <strong><a href=\"https:\/\/www.panicstudio.tv\/en\/\" target=\"_blank\" rel=\"noreferrer noopener\">Panic<\/a><\/strong>Latvia is no slouch either with its bubblegum greens and pinks.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"473\" src=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/superglow.jpg\" alt=\"\" class=\"wp-image-240183\" srcset=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/superglow.jpg 1000w, https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/superglow-980x464.jpg 980w, https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/superglow-480x227.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1000px, 100vw\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"473\" src=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/panic-tendencias-diseno-web-2022.jpg\" alt=\"\" class=\"wp-image-240185\" srcset=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/panic-tendencias-diseno-web-2022.jpg 1000w, https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/panic-tendencias-diseno-web-2022-980x464.jpg 980w, https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/panic-tendencias-diseno-web-2022-480x227.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1000px, 100vw\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">5 - Nostalgia<\/h2>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">And speaking of the 80s, precisely the <strong>nostalgia<\/strong> is another trend that has been going strong in recent years and is set to become established in 2022, reportedly in part because of the covid crisis. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">They yearn for <strong>past epochs<\/strong> where there was no pandemic and this has led to certain nostalgic styles being printed on digital canvases.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Blurred images<\/strong> or blurred, typefaces <strong>retro <\/strong>or textures <strong>granulates <\/strong>are just some of the expressions we can use to give our site that melancholic air (if that makes sense).&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Personally, I loved the <strong><a href=\"https:\/\/www.pertinens.fr\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pertinens<\/a><\/strong>French marketing agency.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"473\" src=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/pertinens-tendencias-diseno-nostalgia.jpg\" alt=\"\" class=\"wp-image-240187\" srcset=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/pertinens-tendencias-diseno-nostalgia.jpg 1000w, https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/pertinens-tendencias-diseno-nostalgia-980x464.jpg 980w, https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/pertinens-tendencias-diseno-nostalgia-480x227.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1000px, 100vw\" \/><\/figure>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">6 - Off-grid (<em>off the grid<\/em>)<\/h2>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">We could consider the grid as an amalgamation of lines that make up<strong> rows and columns<\/strong> (the skeleton of a website). <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thus, there are websites whose elements are perfectly <strong>Ordered <\/strong>in these \"boxes\", offering a sense of order, and on the contrary, places that break all the rules, creating a sense of \"orderliness\". <strong>arbitrariness <\/strong>which is anything but arbitrary.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A possible (somewhat extreme) example of a grid-ordered website would be the website of the <strong><a href=\"https:\/\/www.bbc.com\/news\" target=\"_blank\" rel=\"noreferrer noopener\">BBC<\/a><\/strong>The rows and columns are arranged in the same order at all times, varying in width and height according to their convenience at any given time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On the other hand, I love the brand's website. <strong><a href=\"https:\/\/www.abelodor.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Abel,<\/a><\/strong> that through <strong>scroll effects <\/strong>completely breaks this hierarchy or that of the American studio. <strong><a href=\"https:\/\/www.elegantseagulls.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elegant Seagulls<\/a><\/strong>The web elements of which are even displayed off the screen of the device.<\/p>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Many of these websites have the capacity to leave you open-mouthed with their spectacular designs, <strong>eye-catching, original and modern. <\/strong>It's like looking at works of art on your computer screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Even so, with web pages it is a bit like with websites. <strong>fashion shows.<\/strong> Not everything worn by the models is made for everyday wear, they are purely objects of<strong> exhibition.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the <strong>digital communication, <\/strong>no matter how spectacular a website may be, it does not fulfil its <strong>objective.<\/strong> What would be the point of using a horizontal scroll or any of these avant-garde trends if we are targeting a more conservative audience?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Proof of this is that many of the websites I have visited to extract examples of these fashions no longer exist, they were created solely and exclusively for participation in competitions. They have no real purpose.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So perhaps the secret lies in the <strong>balance,<\/strong> but above all, without losing sight of the <strong>communication objectives<\/strong> we have set ourselves. These should always guide our web design, beyond the merely aesthetic component.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And you, would you wear any of these? <strong>web design trends of 2022<\/strong> to your website?<\/p>","protected":false},"excerpt":{"rendered":"<p>As a continuation of the post made in 2021, I wanted to name 6 other web design trends that will try to gain prominence in 2022, some more interesting than others.<\/p>","protected":false},"author":1,"featured_media":240193,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-240101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>6 tendencias de dise\u00f1o web que seguir (o no) en 2022 - Presentia<\/title>\n<meta name=\"description\" content=\"\u00bfCu\u00e1les son las tendencias de dise\u00f1o web en 2022? Scrollytelling, off the grid, tipograf\u00eda brutalista... Pon al d\u00eda tu escaparate online.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"6 tendencias de dise\u00f1o web que seguir (o no) en 2022 - Presentia\" \/>\n<meta property=\"og:description\" content=\"\u00bfCu\u00e1les son las tendencias de dise\u00f1o web en 2022? Scrollytelling, off the grid, tipograf\u00eda brutalista... Pon al d\u00eda tu escaparate online.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/presentiadm.com\/en\/6-web-design-trends-to-follow-or-not-to-follow-in-2022\/\" \/>\n<meta property=\"og:site_name\" content=\"Comunicaci\u00f3n y creaci\u00f3n web | Presentia\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-14T15:26:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-21T09:18:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/tendencias-diseno-web-2022.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Iciar Etxebarria\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Iciar Etxebarria\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\\\/\"},\"author\":{\"name\":\"Iciar Etxebarria\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#\\\/schema\\\/person\\\/6c6a8c5b3bf236d15705edddaca13dbf\"},\"headline\":\"6 tendencias de dise\u00f1o web que seguir (o no) en 2022\",\"datePublished\":\"2022-01-14T15:26:22+00:00\",\"dateModified\":\"2022-01-21T09:18:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\\\/\"},\"wordCount\":1125,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/presentiadm.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/tendencias-diseno-web-2022.jpg\",\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/presentiadm.com\\\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\\\/#respond\"]}]},{\"@type\":[\"WebPage\",\"ItemPage\"],\"@id\":\"https:\\\/\\\/presentiadm.com\\\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\\\/\",\"url\":\"https:\\\/\\\/presentiadm.com\\\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\\\/\",\"name\":\"6 tendencias de dise\u00f1o web que seguir (o no) en 2022 - Presentia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/presentiadm.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/tendencias-diseno-web-2022.jpg\",\"datePublished\":\"2022-01-14T15:26:22+00:00\",\"dateModified\":\"2022-01-21T09:18:38+00:00\",\"description\":\"\u00bfCu\u00e1les son las tendencias de dise\u00f1o web en 2022? Scrollytelling, off the grid, tipograf\u00eda brutalista... Pon al d\u00eda tu escaparate online.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/presentiadm.com\\\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\\\/#primaryimage\",\"url\":\"https:\\\/\\\/presentiadm.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/tendencias-diseno-web-2022.jpg\",\"contentUrl\":\"https:\\\/\\\/presentiadm.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/tendencias-diseno-web-2022.jpg\",\"width\":800,\"height\":600,\"caption\":\"Tendencias de dise\u00f1o web en 2022\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/presentiadm.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"6 tendencias de dise\u00f1o web que seguir (o no) en 2022\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#website\",\"url\":\"https:\\\/\\\/presentiadm.com\\\/\",\"name\":\"Comunicaci\u00f3n y creaci\u00f3n web | Presentia\",\"description\":\"Profesional de comunicaci\u00f3n freelance.\",\"publisher\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/presentiadm.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#organization\",\"name\":\"Presentia\",\"url\":\"https:\\\/\\\/presentiadm.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/presentiadm.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/logo-presentia-cuadrado.jpg\",\"contentUrl\":\"https:\\\/\\\/presentiadm.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/logo-presentia-cuadrado.jpg\",\"width\":696,\"height\":696,\"caption\":\"Presentia\"},\"image\":{\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/iciar.etxebarria\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/iciaretxebarria\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/presentiadm.com\\\/#\\\/schema\\\/person\\\/6c6a8c5b3bf236d15705edddaca13dbf\",\"name\":\"Iciar Etxebarria\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc826d07452c82a1fdcafd4b0f400414d57abb846f44d9f0bf19bc37dfa518cd?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc826d07452c82a1fdcafd4b0f400414d57abb846f44d9f0bf19bc37dfa518cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc826d07452c82a1fdcafd4b0f400414d57abb846f44d9f0bf19bc37dfa518cd?s=96&d=mm&r=g\",\"caption\":\"Iciar Etxebarria\"},\"sameAs\":[\"https:\\\/\\\/presencedm.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"6 web design trends to follow (or not) in 2022 - Presentia","description":"What are the web design trends in 2022? Scrollytelling, off the grid, brutalist typography... Bring your online storefront up to date.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_GB","og_type":"article","og_title":"6 tendencias de dise\u00f1o web que seguir (o no) en 2022 - Presentia","og_description":"\u00bfCu\u00e1les son las tendencias de dise\u00f1o web en 2022? Scrollytelling, off the grid, tipograf\u00eda brutalista... Pon al d\u00eda tu escaparate online.","og_url":"https:\/\/presentiadm.com\/en\/6-web-design-trends-to-follow-or-not-to-follow-in-2022\/","og_site_name":"Comunicaci\u00f3n y creaci\u00f3n web | Presentia","article_published_time":"2022-01-14T15:26:22+00:00","article_modified_time":"2022-01-21T09:18:38+00:00","og_image":[{"width":800,"height":600,"url":"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/tendencias-diseno-web-2022.jpg","type":"image\/jpeg"}],"author":"Iciar Etxebarria","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Iciar Etxebarria","Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/presentiadm.com\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\/#article","isPartOf":{"@id":"https:\/\/presentiadm.com\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\/"},"author":{"name":"Iciar Etxebarria","@id":"https:\/\/presentiadm.com\/#\/schema\/person\/6c6a8c5b3bf236d15705edddaca13dbf"},"headline":"6 tendencias de dise\u00f1o web que seguir (o no) en 2022","datePublished":"2022-01-14T15:26:22+00:00","dateModified":"2022-01-21T09:18:38+00:00","mainEntityOfPage":{"@id":"https:\/\/presentiadm.com\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\/"},"wordCount":1125,"commentCount":0,"publisher":{"@id":"https:\/\/presentiadm.com\/#organization"},"image":{"@id":"https:\/\/presentiadm.com\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\/#primaryimage"},"thumbnailUrl":"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/tendencias-diseno-web-2022.jpg","articleSection":["Dise\u00f1o web"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/presentiadm.com\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\/#respond"]}]},{"@type":["WebPage","ItemPage"],"@id":"https:\/\/presentiadm.com\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\/","url":"https:\/\/presentiadm.com\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\/","name":"6 web design trends to follow (or not) in 2022 - Presentia","isPartOf":{"@id":"https:\/\/presentiadm.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/presentiadm.com\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\/#primaryimage"},"image":{"@id":"https:\/\/presentiadm.com\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\/#primaryimage"},"thumbnailUrl":"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/tendencias-diseno-web-2022.jpg","datePublished":"2022-01-14T15:26:22+00:00","dateModified":"2022-01-21T09:18:38+00:00","description":"What are the web design trends in 2022? Scrollytelling, off the grid, brutalist typography... Bring your online storefront up to date.","breadcrumb":{"@id":"https:\/\/presentiadm.com\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/presentiadm.com\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/presentiadm.com\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\/#primaryimage","url":"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/tendencias-diseno-web-2022.jpg","contentUrl":"https:\/\/presentiadm.com\/wp-content\/uploads\/2022\/01\/tendencias-diseno-web-2022.jpg","width":800,"height":600,"caption":"Tendencias de dise\u00f1o web en 2022"},{"@type":"BreadcrumbList","@id":"https:\/\/presentiadm.com\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/presentiadm.com\/"},{"@type":"ListItem","position":2,"name":"6 tendencias de dise\u00f1o web que seguir (o no) en 2022"}]},{"@type":"WebSite","@id":"https:\/\/presentiadm.com\/#website","url":"https:\/\/presentiadm.com\/","name":"Communication and web creation | Presentia","description":"Freelance communications professional.","publisher":{"@id":"https:\/\/presentiadm.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/presentiadm.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/presentiadm.com\/#organization","name":"Presentia","url":"https:\/\/presentiadm.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/presentiadm.com\/#\/schema\/logo\/image\/","url":"https:\/\/presentiadm.com\/wp-content\/uploads\/2026\/03\/logo-presentia-cuadrado.jpg","contentUrl":"https:\/\/presentiadm.com\/wp-content\/uploads\/2026\/03\/logo-presentia-cuadrado.jpg","width":696,"height":696,"caption":"Presentia"},"image":{"@id":"https:\/\/presentiadm.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/iciar.etxebarria\/","https:\/\/www.linkedin.com\/in\/iciaretxebarria\/"]},{"@type":"Person","@id":"https:\/\/presentiadm.com\/#\/schema\/person\/6c6a8c5b3bf236d15705edddaca13dbf","name":"Iciar Etxebarria","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/fc826d07452c82a1fdcafd4b0f400414d57abb846f44d9f0bf19bc37dfa518cd?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/fc826d07452c82a1fdcafd4b0f400414d57abb846f44d9f0bf19bc37dfa518cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fc826d07452c82a1fdcafd4b0f400414d57abb846f44d9f0bf19bc37dfa518cd?s=96&d=mm&r=g","caption":"Iciar Etxebarria"},"sameAs":["https:\/\/presencedm.com"]}]}},"_links":{"self":[{"href":"https:\/\/presentiadm.com\/en\/wp-json\/wp\/v2\/posts\/240101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/presentiadm.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/presentiadm.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/presentiadm.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/presentiadm.com\/en\/wp-json\/wp\/v2\/comments?post=240101"}],"version-history":[{"count":0,"href":"https:\/\/presentiadm.com\/en\/wp-json\/wp\/v2\/posts\/240101\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/presentiadm.com\/en\/wp-json\/wp\/v2\/media\/240193"}],"wp:attachment":[{"href":"https:\/\/presentiadm.com\/en\/wp-json\/wp\/v2\/media?parent=240101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/presentiadm.com\/en\/wp-json\/wp\/v2\/categories?post=240101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/presentiadm.com\/en\/wp-json\/wp\/v2\/tags?post=240101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}