{"id":37177,"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-21T06:05:50","modified_gmt":"2026-04-21T06:05:50","slug":"millors-dissenys-web-2019-2020","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2019-2020\/","title":{"rendered":"Millors dissenys web 2019 &#8211; 2020"},"content":{"rendered":"<p>Un any m\u00e9s, aqu\u00ed estem. Fidels a la cita, fem el nostre rep\u00e0s i an\u00e0lisi dels millors dissenys web. Aquest any arriba carregat de novetats: a m\u00e9s de projectes espectaculars, hem ampliat la selecci\u00f3 fins a 20 webs. Prepareu-vos per gaudir dels millors dissenys web del 2019-2020!<\/p>\n<p>[superfeatured]7076[\/superfeatured]<\/p>\n<p>Si ets nou i ens has trobat a trav\u00e9s de Google, no triguis a subscriure\u2019t a la nostra newsletter, on compartim les \u00faltimes tend\u00e8ncies en disseny i cursos realment interessants: <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>Els criteris que m\u00e9s valorem a l\u2019hora d\u2019incloure una web al nostre r\u00e0nquing anual s\u00f3n:<\/p>\n<ul>\n<li>Que sigui original o aporti alguna cosa nova<\/li>\n<li>Que segueixi les \u00faltimes tend\u00e8ncies en disseny gr\u00e0fic i web<\/li>\n<li>Que utilitzi tecnologies d\u2019\u00faltima generaci\u00f3<\/li>\n<li>Que sigui impactant (d\u2019aquelles que entres i penses: woww!)<\/li>\n<\/ul>\n<p>En resum: que ens deixi amb la boca oberta.<\/p>\n<h6>WOWWW TIO! ja tenim el nou post dels <a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2020-2021\/\">millors dissenys web 2020 &#8211; 2021<\/a><\/h6>\n<p>Com d\u00e8iem, aquest any venim forts. 20 an\u00e0lisis detallades amb extra de captures de pantalla. L\u2019ordre d\u2019aparici\u00f3 no t\u00e9 res a veure amb la qualitat de cada web: simplement \u00e9s una recopilaci\u00f3 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-2018-2019\/\">Millors dissenys web 2018-2019 (39.400 visites)<\/a><\/li>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2017-2018\/\">Millors dissenys web 2017-2018 (65.000 visites)<\/a><\/li>\n<li><a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2016-2017\/\">Millors dissenys web 2016-2017 (37.000 visites)<\/a><\/li>\n<\/ul>\n<h2>Millors dissenys web del 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-37177-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>La primera refer\u00e8ncia d\u2019aquesta llista est\u00e0 dedicada a la web d\u2019Active Theory. Un clar exemple de l\u2019\u00fas de tecnologies de disseny i desenvolupament web d\u2019alt nivell.<\/p>\n<p>Aquesta web mostra el treball d\u2019aquest estudi de disseny digital. Han anat a per totes per demostrar el seu potencial i captar l\u2019atenci\u00f3 de possibles clients.<\/p>\n<p>Destaca l\u2019\u00fas de tipografies gegants, que deixen clar que el disseny ha estat pensat per aut\u00e8ntics professionals. Es nota que segueixen de prop totes les tend\u00e8ncies en disseny, tant web com gr\u00e0fic.<\/p>\n<p>A m\u00e9s, la imatge global de la web s\u2019inspira en una distopia futurista molt a l\u2019estil Blade Runner.<\/p>\n<p>Amb un men\u00fa lateral molt senzill, pots navegar f\u00e0cilment per tots els apartats.<\/p>\n<p>Tamb\u00e9 \u00e9s molt interessant l\u2019efecte d\u2019entrada quan accedeixes a la home.<\/p>\n<div style=\"width: 918px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-37177-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>D\u2019altra banda, el cursor genera un efecte aqu\u00f3s molt atractiu, totalment alineat amb el concepte visual de la web.<\/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>La segona web destacada \u00e9s la de Bo\u00eb Gin, creada per l\u2019estudi Tayburn del Regne Unit per a aquesta marca de ginebra.<\/p>\n<p>Bo\u00eb Gin volia diferenciar-se clarament de la resta de ginebres del mercat.<\/p>\n<p>El producte destaca pels seus colors vius i combinacions sorprenents, i aix\u00f2 havia de reflectir-se s\u00ed o s\u00ed en el disseny web.<\/p>\n<p>Hem seleccionat aquesta web per la seva aposta sense complexos per una paleta crom\u00e0tica atrevida i formes molt lliures.<\/p>\n<p>A m\u00e9s, el format de la web \u00e9s molt interessant, amb una tipografia molt actual, potent i amb molta pres\u00e8ncia.<\/p>\n<p>Des del primer moment, la web transmet un aire hind\u00fa, amb un toc asi\u00e0tic i elements visuals propis d\u2019aquesta cultura.<\/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-37177-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-37177-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>La tercera refer\u00e8ncia \u00e9s el web d\u2019un certamen de disseny digital a Mil\u00e0.<\/p>\n<p>La manera com combinen la gamma crom\u00e0tica amb efectes i transicions \u00e9s realment interessant.<\/p>\n<p>La navegaci\u00f3 es basa en l\u2019scroll vertical, que et permet rec\u00f3rrer totes les seccions i gaudir dels recursos digitals aplicats en aquest projecte tan innovador.<\/p>\n<p>Us convido a fer-hi una ullada i descobrir per vosaltres mateixos per qu\u00e8 ha estat seleccionada com una de les millors webs del 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>En quart lloc, una aut\u00e8ntica joia de la innovaci\u00f3 digital. El nivell d\u2019aquest disseny \u00e9s tan alt que costa saber per on comen\u00e7ar.<\/p>\n<p>Aquesta web ha guanyat molts premis i apareix a infinitat de r\u00e0nquings de disseny i desenvolupament web. De fet, ja n\u2019hav\u00edem parlat en altres articles del nostre blog.<\/p>\n<p>Arribats aqu\u00ed, el millor \u00e9s que hi feu clic i descobriu per qu\u00e8 est\u00e0 en aquesta llista i en tantes altres.<\/p>\n<p>Destaco:<\/p>\n<ul>\n<li>L\u2019\u00fas de tipografies gegants<\/li>\n<li>Un men\u00fa pensat i dissenyat de manera totalment innovadora<\/li>\n<li>La manera de mostrar la informaci\u00f3 a pantalla<\/li>\n<li>L\u2019experi\u00e8ncia d\u2019usuari combinada amb l\u2019efici\u00e8ncia del site<\/li>\n<\/ul>\n<p>Aquests s\u00f3n nom\u00e9s alguns apunts per entendre per qu\u00e8 aquesta web forma part de la nostra selecci\u00f3 anual i, sens dubte, \u00e9s una de les meves preferides.<\/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-37177-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-37177-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>Ara passem a una web que destaca per la seva creativitat en usabilitat i navegaci\u00f3.<\/p>\n<p>\u00c9s el portfoli de Vladimir Gruev, dissenyador digital i programador web. Com a carta de presentaci\u00f3, s\u2019ha creat una web espectacular, amb un disseny molt actual i un concepte d\u2019usabilitat que mostra tot el seu potencial.<\/p>\n<p>El men\u00fa es divideix en quatre seccions, col\u00b7locades estrat\u00e8gicament als laterals: Nord, Sud, Est i Oest.<\/p>\n<p>Al centre hi ha una petita descripci\u00f3 de qu\u00e8 trobar\u00e0s a cada apartat si hi fas clic.<\/p>\n<p>I la gran sorpresa arriba quan entres a qualsevol secci\u00f3: la creativitat d\u2019aquest projecte digital \u00e9s brutal.<\/p>\n<p>No dubteu a visitar la web i deixar-vos sorprendre per la combinaci\u00f3 de tecnologies i el bon gust pel disseny.<\/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>El disseny d\u2019aquesta web incorpora algunes de les <a href=\"https:\/\/codewebbarcelona.com\/blog\/tendencias-en-diseno-web-para-2020\/\">tend\u00e8ncies en disseny web<\/a> m\u00e9s potents que triomfaran el 2020.<\/p>\n<p>Tipografies gegants integrades al disseny com a element clau de comunicaci\u00f3 amb l\u2019usuari.<\/p>\n<p>Si tens l\u2019oportunitat de navegar-hi, veur\u00e0s que tot est\u00e0 pensat fins a l\u2019\u00faltim detall.<\/p>\n<p>La paleta de colors tamb\u00e9 \u00e9s molt interessant: un verd selva intens combinat amb un blanc verd\u00f3s molt subtil.<\/p>\n<p>La navegaci\u00f3 \u00e9s l\u2019scroll vertical cl\u00e0ssic, aix\u00ed que nom\u00e9s cal fer rodar la roda del ratol\u00ed per veure tot el contingut de manera f\u00e0cil i pr\u00e0ctica.<\/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-37177-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-37177-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>Aquesta web est\u00e0 dedicada a un festival internacional de creaci\u00f3 i cultura digital, on es posa l\u2019accent en la relaci\u00f3 entre art i les implicacions econ\u00f2miques de les noves tecnologies.<\/p>\n<p>Com no podia ser d\u2019una altra manera, el disseny web t\u00e9 un paper fonamental en aquest projecte.<\/p>\n<p>Navegar-hi \u00e9s com descobrir les notes d\u2019un viatger: el contingut apareix de manera aparentment ca\u00f2tica, per\u00f2 si t\u2019hi fixes, tot est\u00e0 al seu lloc.<\/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>Ara toca un dels nostres favorits. Atenci\u00f3, perqu\u00e8 aqu\u00ed hi ha nivell.<\/p>\n<p>La web \u00e9s d\u2019un col\u00b7lectiu creatiu especialitzat en art interactiu, que col\u00b7labora amb artistes, dissenyadors, programadors, enginyers, escultors i creadors de tot tipus.<\/p>\n<p>El plantejament visual \u00e9s espectacular: tipografies grans, imatges distorsionades i petits v\u00eddeos tipus gif que fan que la navegaci\u00f3 sigui molt atractiva, actual i avantguardista.<\/p>\n<p>Aquesta web incorpora diverses <a href=\"https:\/\/codewebbarcelona.com\/blog\/tendencias-en-diseno-web-para-2020\/\">tend\u00e8ncies web<\/a> que marcaran el 2020.<\/p>\n<p>La navegaci\u00f3, com en molts casos, es basa en l\u2019scroll vertical, que permet rec\u00f3rrer totes les seccions.<\/p>\n<p>A m\u00e9s, a cada apartat pots fer clic per accedir a continguts interns. No deixis de navegar-hi i clicar a tot arreu on puguis: val molt la pena.<\/p>\n<p><a href=\"http:\/\/ninjaguru.eu\/index.html\" target=\"_blank\" rel=\"noopener\">Visitar site<\/a><\/p>\n<h6>WOWWW TIO! ja tenim el nou post dels <a href=\"https:\/\/codewebbarcelona.com\/blog\/mejores-disenos-web-2020-2021\/\">millors dissenys web<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un any m\u00e9s, aqu\u00ed estem. Fidels a la cita, fem el nostre rep\u00e0s i an\u00e0lisi dels millors dissenys web. Aquest any arriba carregat de novetats: a m\u00e9s de projectes espectaculars, hem ampliat la selecci\u00f3 fins a 20 webs. Prepareu-vos per gaudir dels millors dissenys web del 2019-2020! [superfeatured]7076[\/superfeatured] Si ets nou i ens has trobat [&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-37177","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\/ca\/blog\/millors-dissenys-web-2019-2020\/\" \/>\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 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\/ca\/blog\/millors-dissenys-web-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-21T06:05:50+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=\"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=\"7 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-2019-2020\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2019-2020\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Millors dissenys web 2019 &#8211; 2020\",\"datePublished\":\"2019-11-14T21:15:33+00:00\",\"dateModified\":\"2026-04-21T06:05:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2019-2020\/\"},\"wordCount\":1330,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-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\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2019-2020\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2019-2020\/\",\"name\":\"Mejores dise\u00f1os web 2019 - 2020 - Dise\u00f1o web Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2019-2020\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-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-04-21T06:05:50+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/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\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2019-2020\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-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\/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 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\/ca\/blog\/millors-dissenys-web-2019-2020\/","og_locale":"ca_ES","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\/ca\/blog\/millors-dissenys-web-2019-2020\/","og_site_name":"Code Barcelona","article_published_time":"2019-11-14T21:15:33+00:00","article_modified_time":"2026-04-21T06:05:50+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":{"Escrit per":"cd26Bc","Temps estimat de lectura":"7 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2019-2020\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2019-2020\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Millors dissenys web 2019 &#8211; 2020","datePublished":"2019-11-14T21:15:33+00:00","dateModified":"2026-04-21T06:05:50+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2019-2020\/"},"wordCount":1330,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-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":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2019-2020\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2019-2020\/","name":"Mejores dise\u00f1os web 2019 - 2020 - Dise\u00f1o web Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2019-2020\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-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-04-21T06:05:50+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/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":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2019-2020\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-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\/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\/37177","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=37177"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/37177\/revisions"}],"predecessor-version":[{"id":37253,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/37177\/revisions\/37253"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/12146"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=37177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=37177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}