{"id":26665,"date":"2021-10-22T17:03:50","date_gmt":"2021-10-22T17:03:50","guid":{"rendered":"https:\/\/codewebbarcelona.com\/mejores-disenos-web-2021-2022\/"},"modified":"2026-04-21T00:15:08","modified_gmt":"2026-04-21T00:15:08","slug":"best-web-designs-2022","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/","title":{"rendered":"Best Web Designs 2022"},"content":{"rendered":"<p>Want to discover the <strong>best web designs of 2021\u20132022<\/strong>?<\/p>\n<p>Once again, it\u2019s time to lay our cards on the table. After a full year of reviewing, analyzing, shortlisting, and saving the <strong>top web designs of 2022<\/strong>, we\u2019re ready to reveal our annual selection.<\/p>\n<p>In this article, we\u2019ll take you through 20 of the <strong>most outstanding websites<\/strong> we\u2019ve seen so far\u2014sites we believe are essential benchmarks for anyone interested in <strong>web design and development<\/strong>.<\/p>\n<p>We\u2019ll explore each one, highlighting what makes them stand out and, above all, what makes them unique.<\/p>\n<p>Here\u2019s what we value most when selecting websites for our annual list:<\/p>\n<ul>\n<li>That \u201cwow\u201d factor\u2014the kind of site that grabs your attention from the first click<\/li>\n<li>Originality or a fresh take on web design<\/li>\n<li>Alignment with the latest <strong>graphic and web design trends<\/strong><\/li>\n<li>Use of cutting-edge technology<\/li>\n<\/ul>\n<p>In short, we\u2019re looking for sites that take our breath away.<\/p>\n<p>[superfeatured]10346[\/superfeatured]<\/p>\n<p>[nlform]<\/p>\n<p>Please note: the order of appearance does not indicate ranking. The references are listed in our own order, and we don\u2019t intend to crown any single site as the <strong>best web design winner<\/strong>.<\/p>\n<p>Every site featured here is a winner in its own right\u2014after reviewing over 400 references throughout the year, making it into the top ten is an achievement in itself.<\/p>\n<p>Our entire team contributed to the selection, the result of ongoing research and monitoring of <strong>web design<\/strong> trends.<\/p>\n<p>If you think there\u2019s a site that deserves to be included, just get in touch and we\u2019ll review the <strong>website<\/strong>. If it meets our standards, we\u2019ll add it to the list.<\/p>\n<p>So, without further ado, let\u2019s dive into our annual roundup.<\/p>\n<h3>Previous Editions<\/h3>\n<ul>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2019-2020\/\">Best Web Designs 2019\u20132020<\/a><\/li>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2018-2019\/\">Best Web Designs 2018\u20132019<\/a><\/li>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2017-2018\/\">Best Web Designs 2017\u20132018<\/a><\/li>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2016-2017\/\">Best Web Designs 2016\u20132017<\/a><\/li>\n<\/ul>\n<h2>Best Web Designs 2021\u20132022<\/h2>\n<h3>CEVITXEF<\/h3>\n<p><strong>Website design and development for a Peruvian restaurant by digital agency Cuchillo<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8860\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-cevitxef-01.jpg\" alt=\"mejores-diseno-web-2022-cevitxef-01\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-8861\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-cevitxef-02.jpg\" alt=\"mejores-diseno-web-2022-cevitxef-02\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone wp-image-8863\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-cevitxef-04.jpg\" alt=\"mejores-diseno-web-2022-cevitxef-04\" width=\"1000\" height=\"715\" \/><\/p>\n<div style=\"width: 998px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26665-1\" width=\"998\" height=\"776\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-cevitxef-03.mp4?_=1\" \/><\/video><\/div>\n<p>The first <strong>web design<\/strong> on our list has already been featured in some of our previous articles\u2014most likely in our roundup of the best restaurant websites.<\/p>\n<p>The <strong>Cevitxef restaurant website<\/strong> <a href=\"https:\/\/www.cevitxef.com\/\" target=\"_blank\" rel=\"noopener\">Cevitxef\u00a0<\/a>is simply stunning. The use of imagery, typography, color, and spacing is unmatched\u2014there\u2019s nothing to fault here.<\/p>\n<p>Beyond its visual appeal, the <strong>website<\/strong> stands out for its seamless navigation. The user experience is top-notch, making browsing a pleasure.<\/p>\n<p>Our sincere congratulations to the <strong>web design studio<\/strong> <a href=\"https:\/\/www.somoscuchillo.com\/\" target=\"_blank\" rel=\"noopener\">Cuchillo<\/a> for this masterpiece of web design and development.<\/p>\n<p>We invite you to check out the first entry in our annual roundup: the <strong>best web designs of 2021\u20132022<\/strong>.<\/p>\n<p><a href=\"https:\/\/www.cevitxef.com\/\" target=\"_blank\" rel=\"noopener\">Visit site<\/a><\/p>\n<h3>FAN STUDY \u2013 SPOTIFY FOR ARTISTS<\/h3>\n<p><strong>Spotify\u2019s Fan Study website, designed by Rally Interactive<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-9752\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/fan-study-spotify-1.jpg\" alt=\"\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-9753\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/fan-study-spotify-2.jpg\" alt=\"\" width=\"1290\" height=\"700\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-9755\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/fan-study-spotify-3.jpg\" alt=\"\" width=\"1000\" height=\"715\" \/><\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26665-2\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/60d988412d68a293421759.mp4?_=2\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>Next up on our list of the <strong>best web designs of 2021\u20132022<\/strong> is Spotify\u2019s <a href=\"https:\/\/fanstudy.byspotify.com\/\" target=\"_blank\" rel=\"noopener\">Fan Study \u2013 Spotify for Artists<\/a>.<\/p>\n<p>Created by <strong>web design and development studio<\/strong> <a href=\"https:\/\/rallyinteractive.com\/\" target=\"_blank\" rel=\"noopener\">Rally Interactive<\/a>, this site is a prime example of <strong>visual identity<\/strong> brought to life through <strong>web design<\/strong>.<\/p>\n<p>What really sets this <strong>website<\/strong> apart is its color palette and the thoughtful arrangement of design elements. The result is an outstanding user experience.<\/p>\n<p>See for yourself.<\/p>\n<p><a href=\"https:\/\/fanstudy.byspotify.com\/\" target=\"_blank\" rel=\"noopener\">Visit site<\/a><\/p>\n<h3>BLUMENKOPF<\/h3>\n<p><strong>Website and development for the \u201cLimited by Spatzek\u201d collection by Spatzek Studio<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8864\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-blumenkopf-1.jpg\" alt=\"mejores-diseno-web-2022-blumenkopf-1\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-8865\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-blumenkopf-2.jpg\" alt=\"mejores-diseno-web-2022-blumenkopf-2\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone wp-image-8867\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-blumenkopf-4.jpg\" alt=\"\" width=\"1290\" height=\"922\" \/><\/p>\n<div style=\"width: 1000px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26665-3\" width=\"1000\" height=\"756\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-blumenkopf-3.mp4?_=3\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>Third on our list is another <strong>highly innovative web design<\/strong> that breaks the mold.<\/p>\n<p>The <strong>website<\/strong> by <a href=\"https:\/\/spatzek.studio\/\" target=\"_blank\" rel=\"noopener\">Spatzek Studio<\/a>\u2014<a href=\"https:\/\/blumenkopf.spatzek.studio\/home\" target=\"_blank\" rel=\"noopener\">Blumenkopf<\/a>\u2014was created as a showcase of what the studio can achieve for hypothetical projects and future clients, free from the usual creative constraints.<\/p>\n<p>This site stands out for combining many of the <strong>web design elements<\/strong> set to trend in 2022. It\u2019s an intentionally chaotic, seemingly nonsensical <strong>web design<\/strong> that, on closer inspection, reveals a strong conceptual foundation and a well-executed vision.<\/p>\n<p>Take a closer look and you\u2019ll see how your eye gradually adapts to its unique visual language.<\/p>\n<p><a href=\"https:\/\/blumenkopf.spatzek.studio\/home\/\" target=\"_blank\" rel=\"noopener\">Visit site<\/a><\/p>\n<h3>PLUS<\/h3>\n<p><strong>Web design for a 100% sustainable product by Someone &amp; Others<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8868\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-plus-1.jpg\" alt=\"mejores-diseno-web-2022-plus-1\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-8869\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-plus-2.jpg\" alt=\"mejores-diseno-web-2022-plus-2\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone wp-image-8871\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-plus-4.jpg\" alt=\"mejores-diseno-web-2022-plus-4\" width=\"1000\" height=\"715\" \/><\/p>\n<div style=\"width: 1000px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26665-4\" width=\"1000\" height=\"776\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-plus-3.mp4?_=4\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/cleanwith.plus\/\" target=\"_blank\" rel=\"noopener\">Plus<\/a> is a brand focused exclusively on 100% sustainable products, using fully biodegradable, plastic-free packaging. To showcase their products, <a href=\"https:\/\/someoneandothers.com\/\" target=\"_blank\" rel=\"noopener\">Someone &amp; Others<\/a> created one of the <strong>best web designs of 2021\u20132022<\/strong>\u2014a flawless execution.<\/p>\n<p>This <strong>beauty e-commerce site<\/strong> stands out for its bold color palette, embedded mini-videos reminiscent of social reels, and, above all, a seamless checkout experience.<\/p>\n<p>Browsing the <strong>website<\/strong>, you\u2019ll notice the development is both thoughtful and professional, resulting in a smooth, intuitive, and enjoyable user journey.<\/p>\n<p>No surprises, no wasted time\u2014everything is exactly where it should be, right when you need it.<\/p>\n<p>A standout <strong>web design<\/strong> that hints at some of the <strong>key trends for 2022<\/strong>.<\/p>\n<p><a href=\"https:\/\/cleanwith.plus\/\" target=\"_blank\" rel=\"noopener\">Visit site<\/a><\/p>\n<h3>ARMENIAN GENOCIDE<\/h3>\n<p><strong>A web design rich in history by Art Militonian<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8872\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-genocide-greatarmenia-1.jpg\" alt=\"mejores-diseno-web-2022-genocide-greatarmenia-1\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-8873\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-genocide-greatarmenia-2.jpg\" alt=\"mejores-diseno-web-2022-genocide-greatarmenia-2\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone wp-image-8875\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-genocide-greatarmenia-4.jpg\" alt=\"mejores-diseno-web-2022-genocide-greatarmenia-4\" width=\"1000\" height=\"715\" \/><\/p>\n<div style=\"width: 1000px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26665-5\" width=\"1000\" height=\"776\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-genocide-greatarmenia-2.mp4?_=5\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>A quarter of the way through our list, we come to a <strong>web design<\/strong> that\u2019s steeped in history\u2014showcasing a direction that web design should perhaps explore more often: creating <strong>websites<\/strong> as digital and graphic historical records for future generations.<\/p>\n<p><a href=\"https:\/\/genocide.greatarmenia.org\/\" target=\"_blank\" rel=\"noopener\">Armenian Genocide<\/a> is an immersive, educational journey\u2014a creative gem in its own right.<\/p>\n<p>What stands out is the <strong>tone of voice<\/strong> and the <strong>strategic approach<\/strong> chosen by its creator, <a href=\"https:\/\/artmilitonian.com\/\" target=\"_blank\" rel=\"noopener\">Artem Militonian<\/a>.<\/p>\n<p>This <strong>website<\/strong> is one of the <strong>year\u2019s best<\/strong> for its content, development, and overall impact.<\/p>\n<p>Take a good look\u2014if you\u2019re a history buff like us, you\u2019ll find it truly compelling. An <strong>outstanding web design<\/strong>.<\/p>\n<p><a href=\"https:\/\/genocide.greatarmenia.org\/\" target=\"_blank\" rel=\"noopener\">Visit site<\/a><\/p>\n<h3>TANGAN<\/h3>\n<p><strong>Organic, creative web design by Thierry Rolin<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8876\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-tangan-1-2.jpg\" alt=\"mejores-diseno-web-2022-tangan-1-2\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-8877\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-tangan-2.jpg\" alt=\"mejores-diseno-web-2022-tangan-2\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone wp-image-8878\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-tangan-3.jpg\" alt=\"mejores-diseno-web-2022-tangan-3\" width=\"1000\" height=\"715\" \/><\/p>\n<div style=\"width: 1000px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26665-6\" width=\"1000\" height=\"776\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-tangan-4.mp4?_=6\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>The sixth entry in our <strong>best web designs of 2021\u20132022<\/strong> is <a href=\"https:\/\/www.tangan.fr\/\" target=\"_blank\" rel=\"noopener\">Tangan<\/a>, a health-focused website by <strong>creative web designer<\/strong> <a href=\"https:\/\/www.thierryrolin.com\/\" target=\"_blank\" rel=\"noopener\">Thierry Rolin<\/a>.<\/p>\n<p>This <strong>web design<\/strong> is minimalist, clean, black-and-white, and highly elegant.<\/p>\n<p>We especially appreciate the use of <strong>typography<\/strong>, undefined content blocks, and vertical scroll navigation.<\/p>\n<p>It\u2019s visually appealing, smooth, and refined\u2014reflecting the designer\u2019s professionalism.<\/p>\n<p>The <strong>website<\/strong> is quick to explore\u2014just a few minutes to get a full sense of its purpose.<\/p>\n<p>Check it out and draw your own conclusions.<\/p>\n<p><a href=\"https:\/\/www.tangan.fr\/\" target=\"_blank\" rel=\"noopener\">Visit site<\/a><\/p>\n<h3>SCHWEPPES<\/h3>\n<p><strong>A sparkling web design by lg2<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8880\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-schweppes-1.jpg\" alt=\"mejores-diseno-web-2022-schweppes-1\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-8881\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-schweppes-2.jpg\" alt=\"mejores-diseno-web-2022-schweppes-2\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone wp-image-8883\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-schweppes-4.jpg\" alt=\"mejores-diseno-web-2022-schweppes-4\" width=\"1000\" height=\"715\" \/><\/p>\n<div style=\"width: 1000px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26665-7\" width=\"1000\" height=\"776\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-diseno-web-2022-schweppes-3.mp4?_=7\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>Seventh on our list is the beverage brand <a href=\"https:\/\/schweppes.ca\/en\/\" target=\"_blank\" rel=\"noopener\">Schweppes<\/a>, brought to life by the talented <strong>graphic design studio<\/strong> <a href=\"https:\/\/x.lg2.com\/en\/\" target=\"_blank\" rel=\"noopener\">lg2<\/a>.<\/p>\n<p>This <strong>highly visual web design<\/strong> stays true to the Schweppes brand identity, delivering an excellent <strong>website<\/strong> with super-easy navigation and well-structured content.<\/p>\n<p>What really shines is its modern approach, clever use of space<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Want to discover the best web designs of 2021\u20132022? Once again, it\u2019s time to lay our cards on the table. After a full year of reviewing, analyzing, shortlisting, and saving the top web designs of 2022, we\u2019re ready to reveal our annual selection. In this article, we\u2019ll take you through 20 of the most outstanding [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12656,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[207,208,210],"class_list":["post-26665","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-destacat","category-disseny-desenvolupament-web","category-inspiracio"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mejores dise\u00f1os web 2021 - 2022 - Code Barcelona<\/title>\n<meta name=\"description\" content=\"\u00bfQuer\u00e9is conocer cu\u00e1les han sido los mejores dise\u00f1os web 2021 - 2022 ? Otro a\u00f1o m\u00e1s ha llegado el momento de poner las cartas sobre la mesa, llevamos un a\u00f1o entero viendo, analizando, descartando y guardando los mejores dise\u00f1os web y a estas alturas del a\u00f1o no nos queda m\u00e1s que mostrar nuestra selecci\u00f3n anual.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mejores dise\u00f1os web 2021 - 2022 - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"\u00bfQuer\u00e9is conocer cu\u00e1les han sido los mejores dise\u00f1os web 2021 - 2022 ? Otro a\u00f1o m\u00e1s ha llegado el momento de poner las cartas sobre la mesa, llevamos un a\u00f1o entero viendo, analizando, descartando y guardando los mejores dise\u00f1os web y a estas alturas del a\u00f1o no nos queda m\u00e1s que mostrar nuestra selecci\u00f3n anual.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-22T17:03:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T00:15:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-disenos-web-2022-featured.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"732\" \/>\n\t<meta property=\"og:image:height\" content=\"366\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Best Web Designs 2022\",\"datePublished\":\"2021-10-22T17:03:50+00:00\",\"dateModified\":\"2026-04-21T00:15:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/\"},\"wordCount\":1119,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-disenos-web-2022-featured.gif\",\"articleSection\":[\"Destacat\",\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/\",\"name\":\"Mejores dise\u00f1os web 2021 - 2022 - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-disenos-web-2022-featured.gif\",\"datePublished\":\"2021-10-22T17:03:50+00:00\",\"dateModified\":\"2026-04-21T00:15:08+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"\u00bfQuer\u00e9is conocer cu\u00e1les han sido los mejores dise\u00f1os web 2021 - 2022 ? Otro a\u00f1o m\u00e1s ha llegado el momento de poner las cartas sobre la mesa, llevamos un a\u00f1o entero viendo, analizando, descartando y guardando los mejores dise\u00f1os web y a estas alturas del a\u00f1o no nos queda m\u00e1s que mostrar nuestra selecci\u00f3n anual.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-disenos-web-2022-featured.gif\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-disenos-web-2022-featured.gif\",\"width\":732,\"height\":366},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mejores dise\u00f1os web 2021 - 2022 - Code Barcelona","description":"\u00bfQuer\u00e9is conocer cu\u00e1les han sido los mejores dise\u00f1os web 2021 - 2022 ? Otro a\u00f1o m\u00e1s ha llegado el momento de poner las cartas sobre la mesa, llevamos un a\u00f1o entero viendo, analizando, descartando y guardando los mejores dise\u00f1os web y a estas alturas del a\u00f1o no nos queda m\u00e1s que mostrar nuestra selecci\u00f3n anual.","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:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/","og_locale":"en_US","og_type":"article","og_title":"Mejores dise\u00f1os web 2021 - 2022 - Code Barcelona","og_description":"\u00bfQuer\u00e9is conocer cu\u00e1les han sido los mejores dise\u00f1os web 2021 - 2022 ? Otro a\u00f1o m\u00e1s ha llegado el momento de poner las cartas sobre la mesa, llevamos un a\u00f1o entero viendo, analizando, descartando y guardando los mejores dise\u00f1os web y a estas alturas del a\u00f1o no nos queda m\u00e1s que mostrar nuestra selecci\u00f3n anual.","og_url":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/","og_site_name":"Code Barcelona","article_published_time":"2021-10-22T17:03:50+00:00","article_modified_time":"2026-04-21T00:15:08+00:00","og_image":[{"width":732,"height":366,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-disenos-web-2022-featured.gif","type":"image\/gif"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Best Web Designs 2022","datePublished":"2021-10-22T17:03:50+00:00","dateModified":"2026-04-21T00:15:08+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/"},"wordCount":1119,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-disenos-web-2022-featured.gif","articleSection":["Destacat","Disseny i desenvolupament web","Inspiraci\u00f3"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/","name":"Mejores dise\u00f1os web 2021 - 2022 - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-disenos-web-2022-featured.gif","datePublished":"2021-10-22T17:03:50+00:00","dateModified":"2026-04-21T00:15:08+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"\u00bfQuer\u00e9is conocer cu\u00e1les han sido los mejores dise\u00f1os web 2021 - 2022 ? Otro a\u00f1o m\u00e1s ha llegado el momento de poner las cartas sobre la mesa, llevamos un a\u00f1o entero viendo, analizando, descartando y guardando los mejores dise\u00f1os web y a estas alturas del a\u00f1o no nos queda m\u00e1s que mostrar nuestra selecci\u00f3n anual.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2022\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-disenos-web-2022-featured.gif","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2021\/10\/mejores-disenos-web-2022-featured.gif","width":732,"height":366},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/en\/#website","url":"https:\/\/codewebbarcelona.com\/en\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/26665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/comments?post=26665"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/26665\/revisions"}],"predecessor-version":[{"id":26748,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/26665\/revisions\/26748"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/12656"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=26665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=26665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}