{"id":26506,"date":"2019-11-14T21:15:33","date_gmt":"2019-11-14T21:15:33","guid":{"rendered":"https:\/\/codewebbarcelona.com\/mejores-disenos-web-2019-2020\/"},"modified":"2026-04-21T00:13:30","modified_gmt":"2026-04-21T00:13:30","slug":"best-web-designs-2019-2020","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/","title":{"rendered":"Best Web Designs 2019 \u2013 2020"},"content":{"rendered":"<p>Another year, another roundup. We&#8217;re back with our annual review and analysis of the best web designs out there. This year is bigger than ever\u2014not only have we found some truly outstanding sites, but we&#8217;ve expanded our list to a whopping 20 websites. Get ready for the very best in web design from 2019\u20132020!<\/p>\n<p>[superfeatured]7076[\/superfeatured]<\/p>\n<p>If you\u2019re new here and found us through Google, don\u2019t miss out\u2014subscribe to our mailing list for the latest updates in design and exclusive courses: <a href=\"https:\/\/codewebbarcelona.us17.list-manage.com\/subscribe\/post?u=41f330f8e2eb8fcaabe260b35&amp;id=ce1580821f\" target=\"_blank\" rel=\"noopener\">Subscribe now<\/a><\/p>\n<p>Here\u2019s what we look for when selecting websites for our annual list:<\/p>\n<ul>\n<li>Originality or a fresh perspective<\/li>\n<li>Alignment with the latest trends in graphic and web design<\/li>\n<li>Use of cutting-edge technologies<\/li>\n<li>Visual impact (the kind that makes you say \u201cwow!\u201d)<\/li>\n<\/ul>\n<p>In short: we want sites that truly impress us.<\/p>\n<h6>WOW! Our new post on the <a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2020-2021\/\">best web designs of 2020\u20132021<\/a> is out now!<\/h6>\n<p>As we mentioned, this year\u2019s selection is packed. We\u2019ve included 20 in-depth reviews, each with extra screenshots. Please note: the order is not a ranking\u2014this is simply a curated collection of the year\u2019s standout web design.<\/p>\n<p>Let\u2019s get started, shall we?<\/p>\n<h3>Previous Editions<\/h3>\n<ul>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2018-2019\/\">Best web designs 2018\u20132019 (39,400 visits)<\/a><\/li>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2017-2018\/\">Best web designs 2017\u20132018 (65,000 visits)<\/a><\/li>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2016-2017\/\">Best web designs 2016\u20132017 (37,000 visits)<\/a><\/li>\n<\/ul>\n<h2>Best Web Designs of 2019\u20132020<\/h2>\n<h3>Active Theory<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3929\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-02.jpg\" alt=\"\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-3932\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-01.jpg\" alt=\"\" width=\"1290\" height=\"700\" \/><\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26506-1\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-03.mp4?_=1\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>First up is the website for Active Theory\u2014a benchmark in high-end web design and development technology.<\/p>\n<p>This site showcases the studio\u2019s own work, and they\u2019ve gone all out to demonstrate their capabilities and impress potential clients.<\/p>\n<p>What stands out is the use of oversized typography, giving the site a look that\u2019s clearly crafted by true web design professionals. It\u2019s obvious they\u2019re on top of both web and graphic design trends.<\/p>\n<p>The overall aesthetic is inspired by a futuristic dystopia, reminiscent of Blade Runner.<\/p>\n<p>Navigation is simple, with a menu on the right side that lets you move through sections effortlessly.<\/p>\n<p>The landing animation on the homepage is also a highlight.<\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26506-2\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-04.mp4?_=2\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>Another cool feature: the cursor creates a water-like ripple effect as you move it across the screen, perfectly complementing the site\u2019s design.<\/p>\n<p><a href=\"https:\/\/activetheory.net\/home\" target=\"_blank\" rel=\"noopener\">Visit site<\/a><\/p>\n<h3>Bo\u00eb Gin<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3933\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1.jpg\" alt=\"\" width=\"1902\" height=\"1059\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-3934\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-2.jpg\" alt=\"\" width=\"1902\" height=\"1059\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-3935\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-3.jpg\" alt=\"\" width=\"1902\" height=\"1059\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-3936\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-4.jpg\" alt=\"\" width=\"1902\" height=\"1059\" \/><\/p>\n<p>Next up: Bo\u00eb Gin, a site by UK-based Tayburn for the gin brand.<\/p>\n<p>Bo\u00eb Gin wanted to stand out from the crowd and break away from the typical gin market.<\/p>\n<p>Known for its vibrant colors and bold combinations, the brand\u2019s personality shines through in the web design.<\/p>\n<p>We chose this site for its fearless and unapologetic use of color and form, earning it a spot among the best web designs of 2019\u20132020.<\/p>\n<p>The site also features a strong, contemporary typeface with real presence.<\/p>\n<p>From the start, you get a sense of an Indian-inspired, Asian-influenced aesthetic, with cultural elements woven throughout.<\/p>\n<p><a href=\"https:\/\/boegin.com\/\" target=\"_blank\" rel=\"noopener\">Visit site<\/a><\/p>\n<h3>ddd<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3937\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-2-1.jpg\" alt=\"\" width=\"1290\" height=\"700\" \/>\u00a0<img decoding=\"async\" class=\"alignnone size-full wp-image-3939\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-1.jpg\" alt=\"\" width=\"1290\" height=\"700\" \/><\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26506-3\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-2.mp4?_=3\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26506-4\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1.mp4?_=4\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>The third entry is a website for a digital design event in Milan.<\/p>\n<p>The color palette, effects, and transitions are all incredibly engaging.<\/p>\n<p>Navigation is based on vertical scrolling, letting you explore each section and marvel at the digital design resources used to create this technological wonder.<\/p>\n<p>I encourage you to check it out for yourself and see why it\u2019s one of the top web designs of 2019\u20132020.<\/p>\n<p><a href=\"http:\/\/www.ddd.it\/en\/\" target=\"_blank\" rel=\"noopener\">Visit site<\/a><\/p>\n<h3>Digital conference<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3941\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/5.jpg\" alt=\"\" width=\"1902\" height=\"1059\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-3942\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/654.jpg\" alt=\"\" width=\"1902\" height=\"1059\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-3943\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/6544.jpg\" alt=\"\" width=\"1902\" height=\"1059\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-3944\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/8846.jpg\" alt=\"\" width=\"1902\" height=\"1059\" \/><\/p>\n<p>Fourth on our list is a true gem of design and innovation. The level of creativity here is so high, I hardly know where to begin.<\/p>\n<p>This website has swept up numerous annual awards and appeared on countless lists celebrating the best in web design and development. We\u2019ve even featured it in a couple of our own blog posts.<\/p>\n<p>At this point, the best thing you can do is click through and see for yourself why it\u2019s made so many top lists.<\/p>\n<p>Highlights:<\/p>\n<ul>\n<li>Massive, eye-catching typography<\/li>\n<li>A menu designed with a truly avant-garde approach<\/li>\n<li>Unique ways of presenting information on screen<\/li>\n<li>User experience paired with site efficiency<\/li>\n<\/ul>\n<p>These are just a few reasons why this site is a personal favorite and a standout in our annual roundup.<\/p>\n<p><a href=\"https:\/\/digitalconference.ru\/\" target=\"_blank\" rel=\"noopener\">Visit site<\/a><\/p>\n<h3>Gruev<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3946\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-2-2.jpg\" alt=\"\" width=\"1290\" height=\"721\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-3948\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-2.jpg\" alt=\"\" width=\"1290\" height=\"721\" \/><\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26506-5\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-1.mp4?_=5\" \/><p>&nbsp;<\/p><p><\/video><\/div> <div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26506-6\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-2-1.mp4?_=6\" \/><\/video><\/div><\/p>\n<p>&nbsp;<\/p>\n<p>Next up is a site that stands out for its creative approach to usability and navigation.<\/p>\n<p>This is the portfolio of Vladimir Gruev, a digital designer and web developer. As a showcase, he\u2019s built a spectacular site with a fresh take on usability, demonstrating exactly what he\u2019s capable of.<\/p>\n<p>The menu is split into four sections, strategically placed at the cardinal points: North, South, East, and West.<\/p>\n<p>In the center, you\u2019ll find a quick summary of what each section contains when you hover or click.<\/p>\n<p>But the real surprise comes when you click into any menu section\u2014inside, you\u2019ll see just how much creativity has gone into this digital masterpiece.<\/p>\n<p>Don\u2019t miss the chance to explore this site and see the clever use of technology and design for yourself.<\/p>\n<p><a href=\"https:\/\/gruev.space\/\" target=\"_blank\" rel=\"noopener\">Visit site<\/a><\/p>\n<h3>Granyon Party<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3949\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-3.jpg\" alt=\"\" width=\"1902\" height=\"1059\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-3950\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-2-3.jpg\" alt=\"\" width=\"1902\" height=\"1059\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-3951\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-3-1.jpg\" alt=\"\" width=\"1902\" height=\"1059\" \/><\/p>\n<p>This site features some of the <a href=\"https:\/\/codewebbarcelona.com\/blog\/tendencias-en-diseno-web-para-2020\/\">top web design trends<\/a> that are set to dominate 2020.<\/p>\n<p>Oversized typography is integrated as a core design element, becoming key to user communication.<\/p>\n<p>If you browse the site, you\u2019ll notice every detail has been carefully considered.<\/p>\n<p>The color palette is also noteworthy\u2014a lush, jungle green paired with a subtle, greenish white.<\/p>\n<p>Navigation is classic vertical scroll, so a quick spin of your mouse wheel lets you view all the content easily and intuitively.<\/p>\n<p><a href=\"https:\/\/granyonparty.webflow.io\/\" target=\"_blank\" rel=\"noopener\">Visit site<\/a><\/p>\n<h3>Kik<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3954\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-4.jpg\" alt=\"\" width=\"1290\" height=\"721\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-3955\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-2-4.jpg\" alt=\"\" width=\"1290\" height=\"721\" \/><\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26506-7\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-2.mp4?_=7\" \/><p>&nbsp;<\/p><p><\/video><\/div> <div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26506-8\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-2-2.mp4?_=8\" \/><\/video><\/div><\/p>\n<p>&nbsp;<\/p>\n<p>This site is dedicated to an international festival of digital creation and culture, with a strong focus on the intersection of art and the economic impact of new technologies.<\/p>\n<p>Naturally, web design plays a central role in this project.<\/p>\n<p>Browsing the site feels like flipping through a traveler\u2019s notebook\u2014content pops up here and there in seemingly random order. At first, it feels chaotic, but a closer look reveals that everything is thoughtfully placed.<\/p>\n<p><a href=\"https:\/\/www.kikk.be\/2019\/en\/home\" target=\"_blank\" rel=\"noopener\">Visit site<\/a><\/p>\n<h3>Ninja Guru<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3956\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-5.jpg\" alt=\"\" width=\"1902\" height=\"1059\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-3957\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-2-5.jpg\" alt=\"\" width=\"1902\" height=\"1059\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-3958\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-3-2.jpg\" alt=\"\" width=\"1902\" height=\"1059\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-3959\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-4-1.jpg\" alt=\"\" width=\"1902\" height=\"1059\" \/><\/p>\n<p>Now for another of our favorites\u2014this one\u2019s a real treat.<\/p>\n<p>This website belongs to a creative collective specializing in interactive art. The group collaborates with artists, interactive designers, programmers, engineers, sculptors, and creators of all kinds.<\/p>\n<p>The design is spectacular: bold typography, distorted images, and short gif-style videos make for a visually striking, cutting-edge, and truly innovative experience.<\/p>\n<p>This site incorporates several <a href=\"https:\/\/codewebbarcelona.com\/blog\/tendencias-en-diseno-web-para-2020\/\">web trends<\/a> that will shape design in 2020.<\/p>\n<p>Navigation, as with most sites here, is based on vertical scrolling, letting users move through all sections seamlessly.<\/p>\n<p>Each section is clickable, leading to deeper content. Don\u2019t hesitate to explore and click everywhere you can\u2014you won\u2019t be disappointed.<\/p>\n<p><a href=\"http:\/\/ninjaguru.eu\/index.html\" target=\"_blank\" rel=\"noopener\">Visit site<\/a><\/p>\n<h6>WOW! Our new post on the <a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2020-2021\/\">best web designs of 2020\u20132021<\/a> is out now!<\/h6>\n<h3>Flavinsky<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3960\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-2-6.jpg\" alt=\"\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-3963\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-6.jpg\" alt=\"\" width=\"1290\" height=\"700\" \/><\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26506-9\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-3.mp4?_=9\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-26506-10\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-2-3.mp4?_=10\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>What really caught our attention about this site is how it divides information into irregular blocks.<\/p>\n<p>If you browse the homepage, you\u2019ll do so by scrolling vertically.<\/p>\n<p>At first glance, it might not seem special, but spend a little time exploring and you\u2019ll see everything is arranged with exquisite care.<\/p>\n<p>As with other sites on this list, typography plays a major role, reflecting upcoming trends in both web and graphic design.<\/p>\n<p>The mouse pointer is custom-designed, adding to the site\u2019s creative flair and serving as a visual guide to what you\u2019ll find when you click on different elements.<\/p>\n<p><a href=\"http:\/\/flavinsky.com\/\" target=\"_blank\" rel=\"noopener\">Visit site<\/a><\/p>\n<h3>Hxouse<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3964\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/1.jpg\" alt=\"\" width=\"1920\" height=\"1080\" \/> <img class=\"alignnone size-full wp-image-\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Another year, another roundup. We&#8217;re back with our annual review and analysis of the best web designs out there. This year is bigger than ever\u2014not only have we found some truly outstanding sites, but we&#8217;ve expanded our list to a whopping 20 websites. Get ready for the very best in web design from 2019\u20132020! [superfeatured]7076[\/superfeatured] [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12146,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,210],"class_list":["post-26506","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","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 2019 - 2020 - Dise\u00f1o web Code Barcelona<\/title>\n<meta name=\"description\" content=\"Analizamos y repasamos los mejores dise\u00f1os web del 2019 - 2020. Experiencias interactivas, tipograf\u00edas gigantes y uso de webgl como grandes protagonistas. Sum\u00e9rgete en nuestro an\u00e1lisis a fondo de todos y cada uno de los websites del listado.\" \/>\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-2019-2020\/\" \/>\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 2019 - 2020 - Dise\u00f1o web Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Analizamos y repasamos los mejores dise\u00f1os web del 2019 - 2020. Experiencias interactivas, tipograf\u00edas gigantes y uso de webgl como grandes protagonistas. Sum\u00e9rgete en nuestro an\u00e1lisis a fondo de todos y cada uno de los websites del listado.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-14T21:15:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T00:13:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-7.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1290\" \/>\n\t<meta property=\"og:image:height\" content=\"721\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"7 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-2019-2020\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Best Web Designs 2019 \u2013 2020\",\"datePublished\":\"2019-11-14T21:15:33+00:00\",\"dateModified\":\"2026-04-21T00:13:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/\"},\"wordCount\":1354,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-7.jpg\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/\",\"name\":\"Mejores dise\u00f1os web 2019 - 2020 - Dise\u00f1o web Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-7.jpg\",\"datePublished\":\"2019-11-14T21:15:33+00:00\",\"dateModified\":\"2026-04-21T00:13:30+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Analizamos y repasamos los mejores dise\u00f1os web del 2019 - 2020. Experiencias interactivas, tipograf\u00edas gigantes y uso de webgl como grandes protagonistas. Sum\u00e9rgete en nuestro an\u00e1lisis a fondo de todos y cada uno de los websites del listado.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-7.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-7.jpg\",\"width\":1290,\"height\":721},{\"@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 2019 - 2020 - Dise\u00f1o web Code Barcelona","description":"Analizamos y repasamos los mejores dise\u00f1os web del 2019 - 2020. Experiencias interactivas, tipograf\u00edas gigantes y uso de webgl como grandes protagonistas. Sum\u00e9rgete en nuestro an\u00e1lisis a fondo de todos y cada uno de los websites del listado.","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-2019-2020\/","og_locale":"en_US","og_type":"article","og_title":"Mejores dise\u00f1os web 2019 - 2020 - Dise\u00f1o web Code Barcelona","og_description":"Analizamos y repasamos los mejores dise\u00f1os web del 2019 - 2020. Experiencias interactivas, tipograf\u00edas gigantes y uso de webgl como grandes protagonistas. Sum\u00e9rgete en nuestro an\u00e1lisis a fondo de todos y cada uno de los websites del listado.","og_url":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/","og_site_name":"Code Barcelona","article_published_time":"2019-11-14T21:15:33+00:00","article_modified_time":"2026-04-21T00:13:30+00:00","og_image":[{"width":1290,"height":721,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-7.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Best Web Designs 2019 \u2013 2020","datePublished":"2019-11-14T21:15:33+00:00","dateModified":"2026-04-21T00:13:30+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/"},"wordCount":1354,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-7.jpg","articleSection":["Disseny i desenvolupament web","Inspiraci\u00f3"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/","name":"Mejores dise\u00f1os web 2019 - 2020 - Dise\u00f1o web Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-7.jpg","datePublished":"2019-11-14T21:15:33+00:00","dateModified":"2026-04-21T00:13:30+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Analizamos y repasamos los mejores dise\u00f1os web del 2019 - 2020. Experiencias interactivas, tipograf\u00edas gigantes y uso de webgl como grandes protagonistas. Sum\u00e9rgete en nuestro an\u00e1lisis a fondo de todos y cada uno de los websites del listado.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2019-2020\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-7.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-7.jpg","width":1290,"height":721},{"@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\/26506","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=26506"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/26506\/revisions"}],"predecessor-version":[{"id":26582,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/26506\/revisions\/26582"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/12146"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=26506"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=26506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}