{"id":26425,"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-21T00:10:46","modified_gmt":"2026-04-21T00:10:46","slug":"best-web-designs-2017","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017\/","title":{"rendered":"Best Web Designs 2017 #1"},"content":{"rendered":"

In this post, we\u2019re taking a look at the best web designs of 2017<\/strong> so far. Our selection is based on Awwwards, the go-to site for showcasing the most outstanding web creations from around the globe<\/strong>.<\/p>\n

Last December, we wrapped up the year with a post highlighting the top web designs of 2016\u20132017<\/strong>, curated from the renowned Awwwards website and our own web inspiration gallery \u201c8\u201d<\/a>. That list featured the best web designs<\/strong> created over the previous year. Each month, we selected the top websites<\/strong>\u2014those awarded Awwwards\u2019 Site of the Day. From these, twelve monthly winners were chosen, each earning the coveted Site of the Month distinction.<\/p>\n

Follow us on Facebook<\/a> to stay updated whenever we share a new inspiration post… and stay tuned\u2014something special and exclusive for our followers<\/strong> is coming at the end of 2018!\u00a0Follow us!<\/a><\/h6>\n

But first, what exactly is Awwwards?<\/p>\n

For those unfamiliar, Awwwards is a gallery where designers showcase their web designs<\/strong>. It\u2019s one of the leading sources for web inspiration<\/strong>, featuring the best web designs from all over the world<\/strong>. Earning even an \u201cHonorable Mention\u201d for a web development and design<\/strong> project is something to be proud of. And if you win a Site of the Day, that\u2019s a real achievement\u2014not only do you receive a certificate of recognition and have your web design<\/strong> featured on Awwwards, but Site of the Day winners are also included in the annual book highlighting the world\u2019s best web design projects<\/strong>.<\/p>\n

We also encourage you to check out our gallery 8<\/a>, where we collect all our issues in one place, quarter by quarter.<\/p>\n

With that, let\u2019s dive into our selection of the best web designs of 2017<\/strong> from the first quarter.<\/p>\n

Best Web Designs of 2017 #1<\/h2>\n

1. Yumler<\/h3>\n

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

A beautiful web design<\/strong> for a German restaurant chain. The site is vibrant and colorful, with carefully crafted photography. The layout is excellent and the typography is spot on. All these elements come together to create a site that\u2019s both visually appealing and highly functional.<\/p>\n

Visit website<\/a><\/p>\n

 <\/p>\n

2. Shift Capital<\/h3>\n

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

Shift Capital specializes in real estate consulting and investment. The standout features here are the impressive navigation menu and the seamless transitions between sections. This site proves that even with a \u201cboring\u201d product\u2014like web design for a consulting and investment firm\u2014you can create something that grabs your audience\u2019s attention.<\/p>\n

Visit website<\/a><\/p>\n

 <\/p>\n

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

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

For Honor offers an interactive experience, immersing you in a 3D adventure right in your browser, built using canvas. You choose your hero and watch the battle unfold as you scroll down the page.<\/p>\n

Visit website<\/a><\/p>\n

 <\/p>\n

4.\u00a0Wokine<\/h3>\n

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

Wokine is a digital agency based in France. We love the overall web design\u2014every transition between sections is perfectly in sync with the site\u2019s visual style.<\/p>\n

Visit website<\/a><\/p>\n

We also invite you to browse our Project Portfolio<\/a> to see our best work<\/strong>. Need a truly creative website? Contact us!<\/a><\/h6>\n

5.\u00a0WE3<\/h3>\n

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

An impressive intro animation, again built with canvas, just like the previous examples. It responds to your mouse movements, creating a striking effect. The rest of the web design<\/strong> is visually stunning and lives up to the high expectations set by such a polished homepage.<\/p>\n

Visit website<\/a><\/p>\n

 <\/p>\n

Conclusions<\/h2>\n

As we can see, canvas elements are everywhere\u2014most Site of the Day winners incorporate them in some way. Canvas is trending, not just for its visual appeal but also for its functionality. Our advice? If you want to win a Site of the Day, use canvas elements and, of course, create a visually striking and innovative design.<\/p>\n

We encourage you to visit our gallery 8<\/a>, where you\u2019ll find all our issues collected in one place, quarter by quarter.<\/p>\n

And don\u2019t forget\u2014follow us on Facebook<\/a> to stay up to date with our latest inspiration posts… and keep an eye out, because we\u2019re preparing something special and exclusive for our followers<\/strong> for the end of 2018!\u00a0Follow us!<\/a><\/p>\n

We also invite you to browse our Project Portfolio<\/a> to see our best work<\/strong>. Need a truly creative website? Contact us!<\/a><\/h6>\n","protected":false},"excerpt":{"rendered":"

In this post, we\u2019re taking a look at the best web designs of 2017 so far. Our selection is based on Awwwards, the go-to site for showcasing the most outstanding web creations from around the globe. Last December, we wrapped up the year with a post highlighting the top web designs of 2016\u20132017, curated from […]<\/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-26425","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\/en\/blog\/best-web-designs-2017\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mejores dise\u00f1os web 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\/en\/blog\/best-web-designs-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-21T00:10:46+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=\"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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Best Web Designs 2017 #1\",\"datePublished\":\"2017-04-11T20:55:09+00:00\",\"dateModified\":\"2026-04-21T00:10:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017\/\"},\"wordCount\":681,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-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\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017\/\",\"name\":\"Mejores dise\u00f1os web 2017 - Volumen 1 - Code Dise\u00f1o web Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-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-21T00:10:46+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/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\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-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\/en\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mejores dise\u00f1os web 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\/en\/blog\/best-web-designs-2017\/","og_locale":"en_US","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\/en\/blog\/best-web-designs-2017\/","og_site_name":"Code Barcelona","article_published_time":"2017-04-11T20:55:09+00:00","article_modified_time":"2026-04-21T00:10:46+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":{"Written by":"cd26Bc","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Best Web Designs 2017 #1","datePublished":"2017-04-11T20:55:09+00:00","dateModified":"2026-04-21T00:10:46+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017\/"},"wordCount":681,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-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":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017\/","name":"Mejores dise\u00f1os web 2017 - Volumen 1 - Code Dise\u00f1o web Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-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-21T00:10:46+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/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":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-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\/en\/#website","url":"https:\/\/codewebbarcelona.com\/en\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/26425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/comments?post=26425"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/26425\/revisions"}],"predecessor-version":[{"id":26443,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/26425\/revisions\/26443"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/4251"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=26425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=26425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}