{"id":37096,"date":"2017-04-11T20:55:09","date_gmt":"2017-04-11T20:55:09","guid":{"rendered":"https:\/\/codewebbarcelona.com\/mejores-disenos-web-2017\/"},"modified":"2026-04-21T06:02:29","modified_gmt":"2026-04-21T06:02:29","slug":"millors-dissenys-web-2017","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/","title":{"rendered":"Millors dissenys web 2017 #1"},"content":{"rendered":"

En aquesta entrada, repassarem els millors dissenys web del 2017<\/strong> fins avui. Per fer-ho, ens basarem en la web d\u2019Awwwards, on es recullen les millors creacions digitals d\u2019arreu del m\u00f3n<\/strong>.<\/p>\n

El desembre passat vam tancar l\u2019any amb un article dedicat als millors dissenys web del 2016 – 2017<\/strong>, tamb\u00e9 inspirats per la prestigiosa web d\u2019Awwwards i per la nostra pr\u00f2pia galeria d\u2019inspiraci\u00f3 web \u201c8\u201d<\/a>. En aquell recull, vam seleccionar els millors dissenys web<\/strong> de l\u2019any anterior. Cada mes, es triaven les millors p\u00e0gines web<\/strong>, guardonades amb el Site of the Day d\u2019Awwwards. D\u2019entre totes, dotze van ser escollides com a guanyadores mensuals i van obtenir el reconeixement de Site of the Month.<\/p>\n

Et convidem a seguir-nos a Facebook<\/a> per estar al dia cada cop que publiquem un nou post d\u2019inspiraci\u00f3… I atenci\u00f3, perqu\u00e8 estem preparant una sorpresa exclusiva per als nostres seguidors<\/strong> de cara a finals de 2018!\u00a0Segueix-nos!<\/a><\/h6>\n

Per\u00f2 abans de tot, qu\u00e8 \u00e9s Awwwards?<\/p>\n

Per qui no ho conegui, Awwwards \u00e9s una galeria on els dissenyadors presenten els seus dissenys web<\/strong>. \u00c9s un dels grans referents mundials en inspiraci\u00f3 digital<\/strong>. Aqu\u00ed s\u2019hi recullen els millors dissenys web d\u2019arreu del m\u00f3n<\/strong>. Nom\u00e9s pel fet d\u2019obtenir una \u201chonorable mention\u201d ja podem sentir-nos orgullosos. I si ens premien amb un Site of the Day, la satisfacci\u00f3 \u00e9s m\u00e0xima: a m\u00e9s d\u2019un certificat de reconeixement i de veure el nostre projecte exposat a la web d\u2019Awwwards, els guanyadors passen a formar part del llibre anual que recull els millors projectes de disseny web internacionals<\/strong>.<\/p>\n

Tamb\u00e9 t\u2019animem a visitar la nostra galeria 8<\/a>, on pots trobar tots els fascicles agrupats, trimestre a trimestre.<\/p>\n

Amb tot a punt, comencem amb la selecci\u00f3 dels millors dissenys web del 2017<\/strong> del primer trimestre.<\/p>\n

Millors dissenys web del 2017 #1<\/h2>\n

1. Yumler<\/h3>\n

\"Mejores<\/a><\/p>\n

Un disseny web espectacular<\/strong> per a una cadena de restaurants alemanya. Molt acolorit, amb fotografies cuidades fins al detall. L\u2019estructura dels elements i l\u2019elecci\u00f3 tipogr\u00e0fica s\u00f3n excel\u00b7lents. Tot plegat, un conjunt molt atractiu, funcional i directe.<\/p>\n

Visitar lloc web<\/a><\/p>\n

 <\/p>\n

2. Shift Capital<\/h3>\n

\"Mejores<\/a><\/p>\n

Shift Capital \u00e9s una empresa especialitzada en assessorament immobiliari i inversions. Destaquem el men\u00fa de navegaci\u00f3, molt impactant, i les transicions entre seccions, molt treballades. Un exemple clar que, fins i tot amb un producte aparentment \u201cavorrit\u201d, com pot semblar el disseny web per a una empresa d\u2019assessorament i inversions, es pot crear una experi\u00e8ncia que capti l\u2019atenci\u00f3 del client potencial.<\/p>\n

Visitar lloc web<\/a><\/p>\n

 <\/p>\n

3.\u00a0For Honor<\/h3>\n

\"mejores<\/a><\/p>\n

For Honor \u00e9s una experi\u00e8ncia interactiva que ens submergeix en una aventura 3D directament des del navegador, desenvolupada amb canvas. Podem escollir el nostre heroi i veure com el combat avan\u00e7a a mesura que fem scroll.<\/p>\n

Visitar lloc web<\/a><\/p>\n

 <\/p>\n

4.\u00a0Wokine<\/h3>\n

\"mejores<\/a><\/p>\n

Wokine \u00e9s una ag\u00e8ncia digital amb seu a Fran\u00e7a. Ens ha captivat el disseny global del web i la coher\u00e8ncia de les transicions entre seccions, totalment integrades amb l\u2019estil visual.<\/p>\n

Visitar lloc web<\/a><\/p>\n

Aprofitem per animar-vos a fer una ullada al nostre Portfolio de projectes<\/a>, on podeu descobrir les nostres millors creacions<\/strong>. Necessites una web realment creativa? Contacta amb nosaltres!<\/a><\/h6>\n

5.\u00a0WE3<\/h3>\n

\"mejores<\/a><\/p>\n

Una animaci\u00f3 d\u2019entrada impressionant, creada \u2014com en els exemples anteriors\u2014 amb canvas. Respon al moviment del ratol\u00ed, generant un efecte visual molt potent. La resta de seccions del disseny web<\/strong> mantenen un alt nivell visual, a l\u2019al\u00e7ada d\u2019una homepage tan elaborada.<\/p>\n

Visitar lloc web<\/a><\/p>\n

 <\/p>\n

Conclusions<\/h2>\n

Com podem veure, el Canvas segueix sent protagonista absolut. La majoria de webs guardonades amb el Site of the Day incorporen aquest element d\u2019una manera o altra. El Canvas est\u00e0 de moda, i no nom\u00e9s per l\u2019impacte visual, sin\u00f3 tamb\u00e9 per la seva funcionalitat. El nostre consell? Si vols guanyar un Site of the Day, aposta pel Canvas i, evidentment, per un disseny innovador i atractiu.<\/p>\n

T\u2019animem a visitar la nostra galeria 8<\/a>, on pots consultar tots els fascicles agrupats per trimestre.<\/p>\n

I a m\u00e9s… et convidem a seguir-nos a Facebook<\/a> per no perdre\u2019t cap nova publicaci\u00f3 d\u2019inspiraci\u00f3… I atenci\u00f3, que estem preparant una sorpresa exclusiva per als nostres seguidors<\/strong> de cara a finals de 2018!\u00a0Segueix-nos!<\/a><\/p>\n

Aprofitem per animar-vos a fer una ullada al nostre Portfolio de projectes<\/a>, on podeu descobrir les nostres millors creacions<\/strong>. Necessites una web realment creativa? Contacta amb nosaltres!<\/a><\/h6>\n","protected":false},"excerpt":{"rendered":"

En aquesta entrada, repassarem els millors dissenys web del 2017 fins avui. Per fer-ho, ens basarem en la web d\u2019Awwwards, on es recullen les millors creacions digitals d\u2019arreu del m\u00f3n. El desembre passat vam tancar l\u2019any amb un article dedicat als millors dissenys web del 2016 – 2017, tamb\u00e9 inspirats per la prestigiosa web d\u2019Awwwards […]<\/p>\n","protected":false},"author":1,"featured_media":4251,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,210,213],"class_list":["post-37096","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-desenvolupament-web","category-inspiracio","category-mes-vistes"],"acf":[],"yoast_head":"\nMejores dise\u00f1os web 2017 - Volumen 1 - Code Dise\u00f1o web Barcelona<\/title>\n<meta name=\"description\" content=\"Recopilaci\u00f3n de los mejores dise\u00f1os web del 2017. Nos basamos en la p\u00e1gina web de Awwwards, analizamos las \u00faltimas p\u00e1ginas web que m\u00e1s nos han gustado.\" \/>\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-2017\/\" \/>\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 2017 - Volumen 1 - Code Dise\u00f1o web Barcelona\" \/>\n<meta property=\"og:description\" content=\"Recopilaci\u00f3n de los mejores dise\u00f1os web del 2017. Nos basamos en la p\u00e1gina web de Awwwards, analizamos las \u00faltimas p\u00e1ginas web que m\u00e1s nos han gustado.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-11T20:55:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T06:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/mejores-disenos-web-2017-1-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"918\" \/>\n\t<meta property=\"og:image:height\" content=\"656\" \/>\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=\"4 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-2017\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Millors dissenys web 2017 #1\",\"datePublished\":\"2017-04-11T20:55:09+00:00\",\"dateModified\":\"2026-04-21T06:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/\"},\"wordCount\":734,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/mejores-disenos-web-2017-1-featured.jpg\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\",\"m\u00e9s vistes\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/\",\"name\":\"Mejores dise\u00f1os web 2017 - Volumen 1 - Code Dise\u00f1o web Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/mejores-disenos-web-2017-1-featured.jpg\",\"datePublished\":\"2017-04-11T20:55:09+00:00\",\"dateModified\":\"2026-04-21T06:02:29+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Recopilaci\u00f3n de los mejores dise\u00f1os web del 2017. Nos basamos en la p\u00e1gina web de Awwwards, analizamos las \u00faltimas p\u00e1ginas web que m\u00e1s nos han gustado.\",\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/mejores-disenos-web-2017-1-featured.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/mejores-disenos-web-2017-1-featured.jpg\",\"width\":918,\"height\":656},{\"@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 2017 - Volumen 1 - Code Dise\u00f1o web Barcelona","description":"Recopilaci\u00f3n de los mejores dise\u00f1os web del 2017. Nos basamos en la p\u00e1gina web de Awwwards, analizamos las \u00faltimas p\u00e1ginas web que m\u00e1s nos han gustado.","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-2017\/","og_locale":"ca_ES","og_type":"article","og_title":"Mejores dise\u00f1os web 2017 - Volumen 1 - Code Dise\u00f1o web Barcelona","og_description":"Recopilaci\u00f3n de los mejores dise\u00f1os web del 2017. Nos basamos en la p\u00e1gina web de Awwwards, analizamos las \u00faltimas p\u00e1ginas web que m\u00e1s nos han gustado.","og_url":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/","og_site_name":"Code Barcelona","article_published_time":"2017-04-11T20:55:09+00:00","article_modified_time":"2026-04-21T06:02:29+00:00","og_image":[{"width":918,"height":656,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/mejores-disenos-web-2017-1-featured.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"cd26Bc","Temps estimat de lectura":"4 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Millors dissenys web 2017 #1","datePublished":"2017-04-11T20:55:09+00:00","dateModified":"2026-04-21T06:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/"},"wordCount":734,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/mejores-disenos-web-2017-1-featured.jpg","articleSection":["Disseny i desenvolupament web","Inspiraci\u00f3","m\u00e9s vistes"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/","name":"Mejores dise\u00f1os web 2017 - Volumen 1 - Code Dise\u00f1o web Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/mejores-disenos-web-2017-1-featured.jpg","datePublished":"2017-04-11T20:55:09+00:00","dateModified":"2026-04-21T06:02:29+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Recopilaci\u00f3n de los mejores dise\u00f1os web del 2017. Nos basamos en la p\u00e1gina web de Awwwards, analizamos las \u00faltimas p\u00e1ginas web que m\u00e1s nos han gustado.","inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/millors-dissenys-web-2017\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/mejores-disenos-web-2017-1-featured.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/mejores-disenos-web-2017-1-featured.jpg","width":918,"height":656},{"@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\/37096","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=37096"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/37096\/revisions"}],"predecessor-version":[{"id":37114,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/37096\/revisions\/37114"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/4251"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=37096"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=37096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}