{"id":37254,"date":"2020-11-12T12:45:11","date_gmt":"2020-11-12T12:45:11","guid":{"rendered":"https:\/\/codewebbarcelona.com\/mejores-disenos-web-2021\/"},"modified":"2026-04-21T06:06:43","modified_gmt":"2026-04-21T06:06:43","slug":"millors-dissenys-web-2021","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/","title":{"rendered":"Millors dissenys web 2021"},"content":{"rendered":"<p>Un any m\u00e9s, arriba el moment de fer balan\u00e7 i mirar cap endavant: toca repassar els <strong>millors dissenys web 2021<\/strong> de la nostra edici\u00f3 anual.<\/p>\n<p>Us presentem la nostra selecci\u00f3 personal, amb 20 de les <strong>millors p\u00e0gines web<\/strong> que hem vist fins ara.<\/p>\n<p>Analitzarem els aspectes que les fan \u00faniques i mereixedores de ser en aquest r\u00e0nquing, i hi afegirem la nostra opini\u00f3.<\/p>\n<p>Anunciem newsletter amb enlla\u00e7: <a href=\"https:\/\/codewebbarcelona.us17.list-manage.com\/subscribe\/post?u=41f330f8e2eb8fcaabe260b35&amp;id=ce1580821f\" target=\"_blank\" rel=\"noopener\">Subscriu-t\u2019hi ara<\/a><\/p>\n<p>[superfeatured]7076[\/superfeatured]<\/p>\n<p>Els criteris que m\u00e9s valorem a l\u2019hora d\u2019incloure un web a la llista anual s\u00f3n:<\/p>\n<ul>\n<li>Que el web sigui original o aporti alguna cosa nova<\/li>\n<li>Que s\u2019adapti a les \u00faltimes tend\u00e8ncies en disseny gr\u00e0fic i web<\/li>\n<li>Que faci \u00fas de tecnologia d\u2019\u00faltima generaci\u00f3<\/li>\n<li>Que sigui impactant (d\u2019aquells que entres i penses: wow!)<\/li>\n<\/ul>\n<p>En definitiva: que ens deixi bocabadats.<\/p>\n<p>Com ja hem comentat, aquest any venim carregats. Ni m\u00e9s ni menys que 20 an\u00e0lisis detallades, amb extra de captures de pantalla. Cal destacar que l\u2019ordre d\u2019aparici\u00f3 no t\u00e9 res a veure amb la qualitat de cada web. Es tracta simplement d\u2019un recull del millor del disseny web.<\/p>\n<p>Som-hi, comencem?<\/p>\n<h3>Edicions d\u2019anys anteriors<\/h3>\n<ul>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2019-2020\/\">Millors dissenys web 2019-2020<\/a><\/li>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2018-2019\/\">Millors dissenys web 2018-2019<\/a><\/li>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2017-2018\/\">Millors dissenys web 2017-2018<\/a><\/li>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2016-2017\/\">Millors dissenys web 2016-2017<\/a><\/li>\n<\/ul>\n<h2>Millors dissenys web 2021<\/h2>\n<h3>Fledge TV<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6128\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-fledge-01.jpg\" alt=\"mejor-diseno-web-2021-fledge-01\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-6129\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-fledge-02.jpg\" alt=\"mejor-diseno-web-2021-fledge-02\" width=\"1290\" height=\"700\" \/><\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-37254-1\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-fledge-03.mp4?_=1\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-37254-2\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-fledge-04.mp4?_=2\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>La primera entrada d\u2019aquest article sobre els <strong>millors dissenys web de 2021<\/strong> \u00e9s per a aquest <strong>lloc web<\/strong>.<\/p>\n<p>Un <strong>disseny web<\/strong> molt actual, fresc i clarament alineat amb les <strong>tend\u00e8ncies creatives<\/strong> de l\u2019any.<\/p>\n<p>En destaquem especialment la paleta de colors i el tractament de les imatges.<\/p>\n<p>A m\u00e9s, la <strong>tipografia<\/strong> juga un paper protagonista: gran, amb molta personalitat i que dona car\u00e0cter a la <strong>p\u00e0gina web<\/strong>.<\/p>\n<p>El web incorpora un men\u00fa burguer central que s\u2019obre per mostrar totes les seccions.<\/p>\n<p>A nivell t\u00e8cnic, el <strong>disseny web<\/strong> no decepciona: les <strong>transicions<\/strong> s\u00f3n suaus, din\u00e0miques i molt ben resoltes.<\/p>\n<p>Ara us toca a vosaltres valorar-ho. Us deixem uns minuts i seguim amb la propera refer\u00e8ncia.<\/p>\n<p><a href=\"https:\/\/fledge.tv\/\" target=\"_blank\" rel=\"noopener\">Visitar site<\/a><\/p>\n<h3>2-C Earth<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6100\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-2-c-earth-01.jpg\" alt=\"mejor-diseno-web-2021-2-c-earth-01\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-6101\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-2-c-earth-02.jpg\" alt=\"mejor-diseno-web-2021-2-c-earth-02\" width=\"1290\" height=\"700\" \/><\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-37254-3\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-2-c-earth-04.mp4?_=3\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-37254-4\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-2-c-earth-03.mp4?_=4\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>Aquesta <strong>p\u00e0gina web<\/strong> \u00e9s una guia visual per explorar de manera interactiva l\u2019escalfament global en 5 localitzacions on l\u2019entorn cultural i natural est\u00e0 amena\u00e7at per l\u2019augment de les temperatures.<\/p>\n<p>El <strong>lloc web<\/strong> aposta per un <strong>disseny minimalista<\/strong> i molt funcional. Pot semblar que el <strong>disseny<\/strong> queda en segon pla, per\u00f2 si hi pares atenci\u00f3, veur\u00e0s que \u00e9s una web de gran nivell.<\/p>\n<p>El resultat \u00e9s una combinaci\u00f3 perfecta entre <strong>lloc web i experi\u00e8ncia digital<\/strong>, on no se t\u2019escapa cap detall.<\/p>\n<p><a href=\"https:\/\/www.2-c.earth\/\" target=\"_blank\" rel=\"noopener\">Visitar site<\/a><\/p>\n<h3>Witnesstohistory<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6104\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-witnessestohistory-1.jpg\" alt=\"mejor-diseno-web-2021-witnessestohistory-1\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-6105\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-witnessestohistory-2.jpg\" alt=\"mejor-diseno-web-2021-witnessestohistory-2\" width=\"1290\" height=\"700\" \/><\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-37254-5\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-witnessestohistory-3.mp4?_=5\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-37254-6\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-witnessestohistory-04.mp4?_=6\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>Aquest web dona veu als supervivents de l\u2019holocaust de la Segona Guerra Mundial dins el museu de l\u2019holocaust de Montreal.<\/p>\n<p>La <strong>p\u00e0gina web<\/strong> mostra un <strong>disseny web<\/strong> sobri i elegant, que contrasta amb un desenvolupament molt actual, aprofitant les \u00faltimes tecnologies per aconseguir un resultat excel\u00b7lent.<\/p>\n<p>En destaquem la manera com es mostra la informaci\u00f3, la subtilesa de la navegaci\u00f3 \u2014molt tranquil\u00b7la i en sintonia amb la tem\u00e0tica.<\/p>\n<p>Us animem a visitar la <strong>p\u00e0gina web<\/strong> i navegar-hi una estona; segur que entendreu per qu\u00e8 forma part d\u2019aquest recull dels <strong>millors dissenys web 2021<\/strong>.<\/p>\n<p><a href=\"https:\/\/witnessestohistory.museeholocauste.ca\/\" target=\"_blank\" rel=\"noopener\">Visitar site<\/a><\/p>\n<h3>Space Force Design<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6108\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-spaceforce-01.jpg\" alt=\"mejor-diseno-web-2021-spaceforce-01\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-6109\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-spaceforce-02.jpg\" alt=\"mejor-diseno-web-2021-spaceforce-02\" width=\"1290\" height=\"700\" \/><\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-37254-7\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-spaceforce-03.mp4?_=7\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-37254-8\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-spaceforce-04.mp4?_=8\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>Amb motiu de la presentaci\u00f3 de la <strong>identitat visual<\/strong> de la secci\u00f3 d\u2019operacions espacials de la U.S. Army, ens trobem davant d\u2019un dels <strong>dissenys web<\/strong> m\u00e9s sorprenents de l\u2019any.<\/p>\n<p>Un <strong>disseny<\/strong> creat pensant en la <strong>identitat visual<\/strong> de la \u201cmarca\u201d, on destaca l\u2019\u00fas del blau \u2014molt representatiu del nostre planeta\u2014 i una <strong>tipografia<\/strong> escollida amb molt d\u2019encert, que recorda les millors pel\u00b7l\u00edcules de ci\u00e8ncia-ficci\u00f3 actuals.<\/p>\n<p>Per\u00f2 el que m\u00e9s ens ha captivat d\u2019aquest <strong>disseny web<\/strong> \u00e9s la intro subtil i l\u2019aparici\u00f3 del men\u00fa burguer, que converteixen el web en una experi\u00e8ncia excel\u00b7lent i, sens dubte, en un dels <strong>millors dissenys web<\/strong> de l\u2019any.<\/p>\n<p><a href=\"http:\/\/spaceforce.design\/\" target=\"_blank\" rel=\"noopener\">Visitar site<\/a><\/p>\n<h3>TWKS<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6112\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-twks-01.jpg\" alt=\"mejor-diseno-web-2021-twks-01\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-6113\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-twks-02.jpg\" alt=\"mejor-diseno-web-2021-twks-02\" width=\"1290\" height=\"700\" \/><\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-37254-9\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-twks-03.mp4?_=9\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-37254-10\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-twks-04.mp4?_=10\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>No ens sol agradar incloure ag\u00e8ncies de <strong>creaci\u00f3 digital<\/strong> en aquest tipus de r\u00e0nquings. El motiu? Un bon <strong>disseny web<\/strong> no nom\u00e9s respon a criteris est\u00e8tics, sin\u00f3 tamb\u00e9 a la funcionalitat.<\/p>\n<p>Com a <strong>dissenyadors web<\/strong>, sabem que aconseguir un gran <strong>disseny<\/strong> no dep\u00e8n nom\u00e9s de nosaltres: sovint cal negociar amb el client. Per aix\u00f2, arribar a un resultat excel\u00b7lent despr\u00e9s d\u2019aquest proc\u00e9s t\u00e9 molt de m\u00e8rit.<\/p>\n<p>Llavors, per qu\u00e8 hem incl\u00f2s aquesta web?<\/p>\n<p>El <strong>disseny web d\u2019aquesta p\u00e0gina<\/strong> \u00e9s tan bo que supera qualsevol l\u00ednia vermella que ens hagu\u00e9ssim pogut marcar. Seria una tra\u00efci\u00f3 al <strong>disseny web<\/strong> i al mateix article no incloure aquesta joia.<\/p>\n<p><a href=\"https:\/\/twks.ch\/en\/\" target=\"_blank\" rel=\"noopener\">Visitar site<\/a><\/p>\n<h3>Rose Maggie<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6134\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-rose-maggie-1.jpg\" alt=\"mejor-diseno-web-2021-rose-maggie-1\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-6135\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-rose-maggie-2.jpg\" alt=\"mejor-diseno-web-2021-rose-maggie-2\" width=\"1290\" height=\"700\" \/><\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-37254-11\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-maggie-rose-04.mp4?_=11\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-37254-12\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-maggie-rose-03.mp4?_=12\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>I per demostrar que no tot \u00e9s ci\u00e8ncia, tecnologia, cultura i <strong>creativitat<\/strong>, aqu\u00ed tenim una <strong>p\u00e0gina web<\/strong> amb un prop\u00f2sit molt m\u00e9s quotidi\u00e0.<\/p>\n<p>Un <strong>disseny web<\/strong> per a una marca de cosm\u00e8tica, amb un <strong>disseny i desenvolupament<\/strong> excel\u00b7lents. S\u2019han cuidat tots els detalls perqu\u00e8 el resultat sigui impecable.<\/p>\n<p>La <strong>tipografia<\/strong> \u00e9s molt personal, gran, per\u00f2 mant\u00e9 la proximitat que el producte necessita.<\/p>\n<p>Imatges molt ben escollides i una navegaci\u00f3 accessible a trav\u00e9s del men\u00fa burguer desplegable a la dreta, on trobem totes les seccions i la informaci\u00f3 ben organitzada.<\/p>\n<p><a href=\"https:\/\/rose-maggie.com\/about\/\" target=\"_blank\" rel=\"noopener\">Visitar site<\/a><\/p>\n<h3>Kieran Baybutt<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6116\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-Kieran-Baybutt-01.jpg\" alt=\"mejor-diseno-web-2021-Kieran-Baybutt-01\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-6117\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-Kieran-Baybutt-02.jpg\" alt=\"mejor-diseno-web-2021-Kieran-Baybutt-02\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-6118\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-Kieran-Baybutt-03.jpg\" alt=\"\" width=\"834\" height=\"596\" \/><\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-37254-13\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-Kieran-Baybutt-04.mp4?_=13\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>La refer\u00e8ncia que acabem de veure \u00e9s una altra joia del <strong>disseny web del 2021<\/strong>.<\/p>\n<p>Aquest web respira creativitat per tots costats, amb un disseny molt actual que recull totes les tend\u00e8ncies del moment i dona com a resultat una p\u00e0gina excepcional.<\/p>\n<p>L\u2019\u00fas de <strong>tipografies<\/strong> a m\u00e0xima pot\u00e8ncia, transicions din\u00e0miques i suaus, i un contingut perfectament estructurat la fan mereixedora del premi al <strong>millor disseny web 2021<\/strong>.<\/p>\n<p>El <strong>lloc web<\/strong> t\u00e9 format \u201cone page\u201d, aix\u00ed que nom\u00e9s cal fer scroll per tenir una visi\u00f3 global del contingut.<\/p>\n<p>No us perdeu les animacions i l\u2019experi\u00e8ncia d\u2019usuari. Potser acabareu suant sense haver fet cap esfor\u00e7!<\/p>\n<p><a href=\"https:\/\/kieranbaybutt.com\/\" target=\"_blank\" rel=\"noopener\">Visitar site<\/a><\/p>\n<p>[superfeatured]7076[\/superfeatured]<\/p>\n<h3>Discovered foods<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6120\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-discovered-wildfoods-01.jpg\" alt=\"mejor-diseno-web-2021-discovered-wildfoods-01\" width=\"1290\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-6121\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-discovered-wildfoods-02.jpg\" alt=\"mejor-diseno-web-2021-discovered-wildfoods-02\" width=\"1290\" height=\"700\" \/><\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-37254-14\" width=\"918\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-discovered-wildfoods-03.mp4?_=14\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>[video width=&#8221;918&#8243; height=&#8221;656&#8243; mp<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un any m\u00e9s, arriba el moment de fer balan\u00e7 i mirar cap endavant: toca repassar els millors dissenys web 2021 de la nostra edici\u00f3 anual. Us presentem la nostra selecci\u00f3 personal, amb 20 de les millors p\u00e0gines web que hem vist fins ara. Analitzarem els aspectes que les fan \u00faniques i mereixedores de ser en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6321,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,210,134],"class_list":["post-37254","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-desenvolupament-web","category-inspiracio","category-disseny-grafic"],"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 2020 - 2021 - Code Barcelona<\/title>\n<meta name=\"description\" content=\"Selecci\u00f3n anual de nuestro top 20 con los mejores dise\u00f1os web de 2020 - 2021 elegidos con mucho mimo y esmero para que os explote la cabeza.\" \/>\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\/ca\/blog\/millors-dissenys-web-2021\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mejores dise\u00f1os web 2020 - 2021 - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Selecci\u00f3n anual de nuestro top 20 con los mejores dise\u00f1os web de 2020 - 2021 elegidos con mucho mimo y esmero para que os explote la cabeza.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-12T12:45:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T06:06:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-BMS-United-01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1290\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\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=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Millors dissenys web 2021\",\"datePublished\":\"2020-11-12T12:45:11+00:00\",\"dateModified\":\"2026-04-21T06:06:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/\"},\"wordCount\":1213,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-BMS-United-01.jpg\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\",\"Dise\u00f1o gr\u00e1fico\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/\",\"name\":\"Mejores dise\u00f1os web 2020 - 2021 - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-BMS-United-01.jpg\",\"datePublished\":\"2020-11-12T12:45:11+00:00\",\"dateModified\":\"2026-04-21T06:06:43+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Selecci\u00f3n anual de nuestro top 20 con los mejores dise\u00f1os web de 2020 - 2021 elegidos con mucho mimo y esmero para que os explote la cabeza.\",\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-BMS-United-01.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-BMS-United-01.jpg\",\"width\":1290,\"height\":700},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@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 2020 - 2021 - Code Barcelona","description":"Selecci\u00f3n anual de nuestro top 20 con los mejores dise\u00f1os web de 2020 - 2021 elegidos con mucho mimo y esmero para que os explote la cabeza.","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\/ca\/blog\/millors-dissenys-web-2021\/","og_locale":"ca_ES","og_type":"article","og_title":"Mejores dise\u00f1os web 2020 - 2021 - Code Barcelona","og_description":"Selecci\u00f3n anual de nuestro top 20 con los mejores dise\u00f1os web de 2020 - 2021 elegidos con mucho mimo y esmero para que os explote la cabeza.","og_url":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/","og_site_name":"Code Barcelona","article_published_time":"2020-11-12T12:45:11+00:00","article_modified_time":"2026-04-21T06:06:43+00:00","og_image":[{"width":1290,"height":700,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-BMS-United-01.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"cd26Bc","Temps estimat de lectura":"6 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Millors dissenys web 2021","datePublished":"2020-11-12T12:45:11+00:00","dateModified":"2026-04-21T06:06:43+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/"},"wordCount":1213,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-BMS-United-01.jpg","articleSection":["Disseny i desenvolupament web","Inspiraci\u00f3","Dise\u00f1o gr\u00e1fico"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/","name":"Mejores dise\u00f1os web 2020 - 2021 - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-BMS-United-01.jpg","datePublished":"2020-11-12T12:45:11+00:00","dateModified":"2026-04-21T06:06:43+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Selecci\u00f3n anual de nuestro top 20 con los mejores dise\u00f1os web de 2020 - 2021 elegidos con mucho mimo y esmero para que os explote la cabeza.","inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2021\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-BMS-United-01.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/mejor-diseno-web-2021-BMS-United-01.jpg","width":1290,"height":700},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/ca\/#website","url":"https:\/\/codewebbarcelona.com\/ca\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"ca","@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\/ca\/wp-json\/wp\/v2\/posts\/37254","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/comments?post=37254"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/37254\/revisions"}],"predecessor-version":[{"id":37335,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/37254\/revisions\/37335"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/6321"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=37254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=37254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}