{"id":83177,"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-06-11T01:59:33","modified_gmt":"2026-06-11T01:59:33","slug":"melhores-designs-web-2019-2020","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/pt-pt\/melhores-designs-web-2019-2020\/","title":{"rendered":"Melhores designs web 2019 &#8211; 2020"},"content":{"rendered":"<p>Mais um ano, c\u00e1 estamos n\u00f3s. Chegou a altura de fazer o j\u00e1 habitual balan\u00e7o e an\u00e1lise dos melhores web designs. Este ano trazemos uma sele\u00e7\u00e3o ainda mais forte: para al\u00e9m de sites incr\u00edveis, alarg\u00e1mos a lista para incluir nada menos do que 20 websites. Vamos com tudo para os melhores designs web de 2019-2020!<\/p>\n<p>[superfeatured]7076[\/superfeatured]<\/p>\n<p>Se \u00e9s novo por aqui e chegaste at\u00e9 n\u00f3s atrav\u00e9s do Google, aproveita para te inscreveres na nossa newsletter, onde partilhamos as \u00faltimas novidades em design e cursos imperd\u00edveis: <a href=\"https:\/\/codewebbarcelona.us17.list-manage.com\/subscribe\/post?u=41f330f8e2eb8fcaabe260b35&amp;id=ce1580821f\" target=\"_blank\" rel=\"noopener\">Subscreve j\u00e1<\/a><\/p>\n<p>Os crit\u00e9rios que mais valorizamos para incluir um website na nossa sele\u00e7\u00e3o anual s\u00e3o:<\/p>\n<ul>\n<li>Originalidade ou capacidade de trazer algo novo<\/li>\n<li>Adapta\u00e7\u00e3o \u00e0s tend\u00eancias mais recentes de design gr\u00e1fico e web<\/li>\n<li>Utiliza\u00e7\u00e3o de tecnologias de \u00faltima gera\u00e7\u00e3o<\/li>\n<li>Impacto visual (aquele efeito \u201cuau!\u201d logo \u00e0 entrada)<\/li>\n<\/ul>\n<p>Resumindo: queremos ser surpreendidos a s\u00e9rio.<\/p>\n<h6>WOWWW! J\u00e1 temos o novo artigo sobre os <a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2020-2021\/\">melhores designs web 2020 &#8211; 2021<\/a><\/h6>\n<p>Como j\u00e1 referimos, este ano a sele\u00e7\u00e3o est\u00e1 recheada. S\u00e3o 20 an\u00e1lises detalhadas, cada uma acompanhada por capturas de ecr\u00e3 extra. Salientamos que a ordem de apresenta\u00e7\u00e3o n\u00e3o reflete a qualidade dos sites \u2014 trata-se apenas de uma compila\u00e7\u00e3o do melhor que se faz em web design.<\/p>\n<p>Vamos a isto? Come\u00e7amos?<\/p>\n<h3>Edi\u00e7\u00f5es anteriores<\/h3>\n<ul>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2018-2019\/\">Melhores designs web 2018-2019 (39.400 visitas)<\/a><\/li>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2017-2018\/\">Melhores designs web 2017-2018 (65.000 visitas)<\/a><\/li>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2016-2017\/\">Melhores designs web 2016-2017 (37.000 visitas)<\/a><\/li>\n<\/ul>\n<h2>Melhores designs web de 2019-2020<\/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-83177-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>A primeira refer\u00eancia desta lista vai para o site da Active Theory, um verdadeiro exemplo do que se faz de melhor em design e desenvolvimento web de alta qualidade.<\/p>\n<p>Este website serve de montra ao trabalho do est\u00fadio, que apostou tudo para demonstrar o seu talento e capacidade aos potenciais clientes.<\/p>\n<p>Destacamos o uso de tipografias de grande dimens\u00e3o, que deixam claro que este design foi pensado por profissionais a s\u00e9rio. Nota-se que acompanham de perto todas as tend\u00eancias do design web e gr\u00e1fico.<\/p>\n<p>Al\u00e9m disso, o conceito visual do site inspira-se numa distopia futurista, muito ao estilo de Blade Runner.<\/p>\n<p>A navega\u00e7\u00e3o \u00e9 simples, com um menu lateral \u00e0 direita que permite explorar facilmente todas as sec\u00e7\u00f5es.<\/p>\n<p>O efeito de entrada na homepage tamb\u00e9m merece destaque.<\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-83177-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>Outro pormenor interessante \u00e9 o efeito do cursor, que ao deslizar pelo ecr\u00e3 simula um efeito aqu\u00e1tico, em perfeita sintonia com o conceito visual do site.<\/p>\n<p><a href=\"https:\/\/activetheory.net\/home\" target=\"_blank\" rel=\"noopener\">Visitar 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>A segunda refer\u00eancia vai para o site da Bo\u00eb Gin, desenvolvido pelo est\u00fadio Tayburn, do Reino Unido, para esta marca de gin.<\/p>\n<p>A Bo\u00eb Gin queria destacar-se e afastar-se do que \u00e9 habitual no mercado dos gins.<\/p>\n<p>A marca \u00e9 conhecida pelas suas cores vibrantes e combina\u00e7\u00f5es \u00fanicas \u2014 algo que tinha de estar presente no design do site.<\/p>\n<p>Inclu\u00edmos esta refer\u00eancia no ranking dos melhores designs web de 2019-2020 precisamente pelo uso ousado e sem complexos de cores e formas.<\/p>\n<p>Tamb\u00e9m nos chamou a aten\u00e7\u00e3o o formato do site, com uma tipografia moderna, forte e cheia de personalidade.<\/p>\n<p>Logo \u00e0 primeira vista, percebemos que o site tem um toque indiano, com influ\u00eancias asi\u00e1ticas bem presentes em todos os elementos.<\/p>\n<p><a href=\"https:\/\/boegin.com\/\" target=\"_blank\" rel=\"noopener\">Visitar 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-83177-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-83177-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>A terceira refer\u00eancia vai para o site de um certame de design digital em Mil\u00e3o.<\/p>\n<p>A forma como exploram a paleta crom\u00e1tica, os efeitos e as transi\u00e7\u00f5es \u00e9 simplesmente fascinante.<\/p>\n<p>A navega\u00e7\u00e3o assenta no scroll vertical, permitindo explorar as v\u00e1rias sec\u00e7\u00f5es do site e apreciar todos os recursos digitais de web design aplicados nesta verdadeira maravilha tecnol\u00f3gica.<\/p>\n<p>Recomendo que explores por ti pr\u00f3prio e percebas porque \u00e9 que este site est\u00e1 entre os melhores de 2019-2020.<\/p>\n<p><a href=\"http:\/\/www.ddd.it\/en\/\" target=\"_blank\" rel=\"noopener\">Visitar 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>Em quarto lugar, trazemos uma verdadeira joia do design e da inova\u00e7\u00e3o. O n\u00edvel deste site \u00e9 tal que nem sei por onde come\u00e7ar.<\/p>\n<p>Este website arrecadou v\u00e1rios pr\u00e9mios e aparece em in\u00fameras listas dedicadas ao melhor do design e desenvolvimento web. J\u00e1 destac\u00e1mos este trabalho em outros artigos do nosso blog.<\/p>\n<p>Neste ponto, o melhor mesmo \u00e9 clicares e veres por ti pr\u00f3prio porque est\u00e1 nesta lista (e em tantas outras).<\/p>\n<p>Destaco:<\/p>\n<ul>\n<li>O uso de tipografias gigantes<\/li>\n<li>O menu, pensado e desenhado de forma totalmente inovadora<\/li>\n<li>A apresenta\u00e7\u00e3o da informa\u00e7\u00e3o no ecr\u00e3<\/li>\n<li>A experi\u00eancia de utilizador aliada \u00e0 efici\u00eancia do site<\/li>\n<\/ul>\n<p>Estes s\u00e3o apenas alguns pontos que ajudam a perceber porque \u00e9 que este design faz parte da nossa sele\u00e7\u00e3o anual \u2014 e \u00e9, sem d\u00favida, um dos meus favoritos.<\/p>\n<p><a href=\"https:\/\/digitalconference.ru\/\" target=\"_blank\" rel=\"noopener\">Visitar 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-83177-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-83177-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>Segue-se uma refer\u00eancia que se destaca pela criatividade na usabilidade e navega\u00e7\u00e3o.<\/p>\n<p>Este site apresenta o portef\u00f3lio de Vladimir Gruev, designer digital e programador web. Como cart\u00e3o de visita, criou um website espetacular, com um conceito de usabilidade inovador que mostra bem do que \u00e9 capaz.<\/p>\n<p>O menu est\u00e1 dividido em quatro sec\u00e7\u00f5es, estrategicamente posicionadas nos lados Norte, Sul, Este e Oeste.<\/p>\n<p>Ao centro, uma breve explica\u00e7\u00e3o do que se encontra em cada sec\u00e7\u00e3o ao clicar.<\/p>\n<p>E a maior surpresa surge mesmo quando clicamos em qualquer uma dessas \u00e1reas: a criatividade transborda em cada detalhe desta pe\u00e7a de comunica\u00e7\u00e3o digital.<\/p>\n<p>N\u00e3o deixes de visitar o site e descobrir o uso criativo das v\u00e1rias tecnologias e o excelente gosto pelo design.<\/p>\n<p><a href=\"https:\/\/gruev.space\/\" target=\"_blank\" rel=\"noopener\">Visitar 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>O design deste site incorpora algumas das <a href=\"https:\/\/codewebbarcelona.com\/blog\/tendencias-en-diseno-web-para-2020\/\">tend\u00eancias de web design<\/a> mais marcantes para 2020.<\/p>\n<p>Tipografias gigantes, integradas no pr\u00f3prio design como elemento central de comunica\u00e7\u00e3o com o utilizador.<\/p>\n<p>Ao navegar neste site, percebe-se que cada detalhe foi pensado ao pormenor.<\/p>\n<p>A paleta de cores \u00e9 igualmente interessante: um verde selva intenso, combinado com um branco esverdeado subtil.<\/p>\n<p>A navega\u00e7\u00e3o faz-se pelo cl\u00e1ssico scroll vertical, tornando a experi\u00eancia simples e pr\u00e1tica.<\/p>\n<p><a href=\"https:\/\/granyonparty.webflow.io\/\" target=\"_blank\" rel=\"noopener\">Visitar 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-83177-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-83177-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>Este site foi criado para um festival internacional de cria\u00e7\u00e3o e cultura digital, com grande foco na rela\u00e7\u00e3o entre arte e as implica\u00e7\u00f5es econ\u00f3micas das novas tecnologias.<\/p>\n<p>Como seria de esperar, o design web assume um papel central neste projeto.<\/p>\n<p>Ao navegar, parece que estamos a folhear o caderno de um viajante, com conte\u00fados a surgirem de forma aparentemente aleat\u00f3ria. \u00c0 primeira vista, reina o caos, mas quem percebe de design nota que tudo est\u00e1 no s\u00edtio certo.<\/p>\n<p><a href=\"https:\/\/www.kikk.be\/2019\/en\/home\" target=\"_blank\" rel=\"noopener\">Visitar 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>Agora, um dos nossos favoritos. Aten\u00e7\u00e3o, que este \u00e9 mesmo especial.<\/p>\n<p>O site apresenta um coletivo criativo especializado em arte interativa, que colabora com artistas, designers, programadores, engenheiros, escultores e outros criadores.<\/p>\n<p>O design \u00e9 espetacular: tipografias grandes, imagens distorcidas e pequenos v\u00eddeos ao estilo gif, tornando a navega\u00e7\u00e3o envolvente, atual e inovadora.<\/p>\n<p>Esta refer\u00eancia re\u00fane v\u00e1rias das <a href=\"https:\/\/codewebbarcelona.com\/blog\/tendencias-en-diseno-web-para-2020\/\">tend\u00eancias web<\/a> que v\u00e3o marcar o design em 2020.<\/p>\n<p>A navega\u00e7\u00e3o, como em muitos outros exemplos, faz-se por scroll vertical, permitindo explorar todas as sec\u00e7\u00f5es do site.<\/p>\n<p>Em cada sec\u00e7\u00e3o, \u00e9 poss\u00edvel clicar para aceder a conte\u00fados internos. Explora \u00e0 vontade e clica em tudo o que te despertar curiosidade.<\/p>\n<p><a href=\"http:\/\/ninjaguru.eu\/index.html\" target=\"_blank\" rel=\"noopener\">Visitar site<\/a><\/p>\n<h6>WOWWW! J\u00e1 temos o novo artigo sobre os <a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2020-2021\/\">melhores designs web 2020 &#8211; 2021<\/a><\/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-83177-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<p>[video width=&#8221;918&#8243; height=&#8221;656&#8243; mp4=&#8221;https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/me<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mais um ano, c\u00e1 estamos n\u00f3s. Chegou a altura de fazer o j\u00e1 habitual balan\u00e7o e an\u00e1lise dos melhores web designs. Este ano trazemos uma sele\u00e7\u00e3o ainda mais forte: para al\u00e9m de sites incr\u00edveis, alarg\u00e1mos a lista para incluir nada menos do que 20 websites. Vamos com tudo para os melhores designs web de 2019-2020! [&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":[],"class_list":["post-83177","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.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\/pt-pt\/melhores-designs-web-2019-2020\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\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\/pt-pt\/melhores-designs-web-2019-2020\/\" \/>\n<meta property=\"og:site_name\" content=\"CODE\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-14T21:15:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-11T01:59:33+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\\\/pt-pt\\\/melhores-designs-web-2019-2020\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/melhores-designs-web-2019-2020\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Melhores designs web 2019 &#8211; 2020\",\"datePublished\":\"2019-11-14T21:15:33+00:00\",\"dateModified\":\"2026-06-11T01:59:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/melhores-designs-web-2019-2020\\\/\"},\"wordCount\":1354,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/melhores-designs-web-2019-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/mejores-disenos-web-2019-2020-1-7.jpg\",\"inLanguage\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/melhores-designs-web-2019-2020\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/melhores-designs-web-2019-2020\\\/\",\"name\":\"Mejores dise\u00f1os web 2019 - 2020 - Dise\u00f1o web Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/melhores-designs-web-2019-2020\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/melhores-designs-web-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-06-11T01:59:33+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/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\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/melhores-designs-web-2019-2020\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/melhores-designs-web-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\\\/pt-pt\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@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\/pt-pt\/melhores-designs-web-2019-2020\/","og_locale":"pt_PT","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\/pt-pt\/melhores-designs-web-2019-2020\/","og_site_name":"CODE","article_published_time":"2019-11-14T21:15:33+00:00","article_modified_time":"2026-06-11T01:59:33+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\/pt-pt\/melhores-designs-web-2019-2020\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/melhores-designs-web-2019-2020\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Melhores designs web 2019 &#8211; 2020","datePublished":"2019-11-14T21:15:33+00:00","dateModified":"2026-06-11T01:59:33+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/melhores-designs-web-2019-2020\/"},"wordCount":1354,"image":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/melhores-designs-web-2019-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/mejores-disenos-web-2019-2020-1-7.jpg","inLanguage":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/melhores-designs-web-2019-2020\/","url":"https:\/\/codewebbarcelona.com\/pt-pt\/melhores-designs-web-2019-2020\/","name":"Mejores dise\u00f1os web 2019 - 2020 - Dise\u00f1o web Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/melhores-designs-web-2019-2020\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/melhores-designs-web-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-06-11T01:59:33+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/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":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/pt-pt\/melhores-designs-web-2019-2020\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/melhores-designs-web-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\/pt-pt\/#website","url":"https:\/\/codewebbarcelona.com\/pt-pt\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/pt-pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"pt-PT","@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\/pt-pt\/wp-json\/wp\/v2\/posts\/83177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=83177"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts\/83177\/revisions"}],"predecessor-version":[{"id":83253,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts\/83177\/revisions\/83253"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/media\/12146"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=83177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=83177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}