{"id":26404,"date":"2017-11-06T16:16:51","date_gmt":"2017-11-06T16:16:51","guid":{"rendered":"https:\/\/codewebbarcelona.com\/mejores-disenos-web-2017-2018\/"},"modified":"2026-04-21T00:10:12","modified_gmt":"2026-04-21T00:10:12","slug":"best-web-designs-2017-2018","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/","title":{"rendered":"Best Web Designs 2017 \u2013 2018"},"content":{"rendered":"

Now that November is here and the holidays are just around the corner, it\u2019s time for our roundup of the best web designs of 2017\u20132018<\/strong>. The collection of best web designs 2018\u20132019<\/a> is also now available!<\/p>\n

[superfeatured]7076[\/superfeatured]<\/p>\n

For those who don\u2019t know, we gather all our selections in our web inspiration gallery<\/strong>, where we showcase the best web designs on the internet<\/strong>. The gallery is called “8” and you can check it out by clicking here<\/a>.<\/p>\n

Subscribe to our newsletter<\/a> for ongoing inspiration.<\/h6>\n

When selecting the websites featured in our inspiration posts, we rely on your submissions through the gallery above, as well as picks from other internationally renowned galleries like awwwards, thebestdesigns, and more\u2014places that highlight the world\u2019s best web design<\/strong>.<\/p>\n

Several factors determine whether a site is worthy of being featured here and in our gallery 8<\/a>. Chief among them: creativity in web design<\/strong>, the complexity of the development, and the overall impact the site delivers.<\/p>\n

So, with the intro out of the way, let\u2019s dive into the best web designs of 2017\u20132018<\/strong>!<\/p>\n

Best Web Designs of 2017\u20132018<\/h2>\n

Formigari<\/h3>\n

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

We start with a web design project for Formigari, a company specializing in luxury stonework for interior design. The concept\u2014showcasing a 3D model that transforms a piece of natural stone into a finished block\u2014is truly impressive. As you browse the site, you\u2019ll notice a refined, elegant, and minimalist design. The typography choices and smooth transitions all come together to make this one of the best web designs of 2017\u20132018<\/strong>.<\/p>\n

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

A World With No Heroes<\/h3>\n

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

Once again, the talented team at Make Me Pulse\u2014this time in collaboration with DDB Paris\u2014delivers an interactive website that immerses users in a fictional story about a Bolivian drug cartel. The experience starts with a stunning intro video and leads into an interactive map that feels more like a mini-game than a traditional website. Without a doubt, this is one of the best web designs of 2017\u20132018<\/strong>.<\/p>\n

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

Dunkirk<\/h3>\n

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

Dunkirk is a promotional site for the Warner Brothers film. To promote the movie, they created this impressive website, where users must escape the enemy in a multiplayer environment. The design and development were handled by JAM3, a Canadian web design studio.<\/p>\n

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

Ouigo – Let’s Play<\/h3>\n

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

Developed by Merci-Michel and Rosapark, this website lets you play an original pinball game\u2014a truly engaging web experience.<\/p>\n

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

[nlform]<\/p>\n

Mendo<\/h3>\n

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

Breaking away from the previous trend of 3D elements, Mendo stands out as a highly visual online magazine with flawless design and outstanding usability. Large images, edge-to-edge grids, and bold typography make it a top contender among the best web designs of 2017\u20132018<\/strong>.<\/p>\n

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

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

Open Continents<\/h3>\n

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

Open Continents is a website that uses cinematic storytelling to share stories from around the globe. With your mouse, you can zoom and navigate the world to discover these stories. This stunning web design was created by Kuva_x_Toyfight, a UK-based web design studio.<\/p>\n

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

Rainforest Foods Experience<\/h3>\n

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

Designed and developed by Immersive Garden, this website offers a visual journey through a forest called “Rainforest Foods.” While there may be some loading issues, once the content appears, the experience is truly impressive.<\/p>\n

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

Gleec Chat<\/h3>\n

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

This is a promotional site for the Gleec Chat app. The site dynamically showcases all the features and benefits of this chat application, with a special focus on security and data encryption. Like the previous entry, this site was also created by Immersive Garden\u2014truly one of the best websites of 2017\u20132018<\/strong>.<\/p>\n

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

Subscribe to our newsletter<\/a> for ongoing inspiration.<\/h6>\n

Your Beyond Awaits<\/h3>\n

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

This interactive website was designed for Mitsubishi, the renowned automotive brand. The site features stunning Canvas animations and opens with an engaging intro video. After the intro, users are immersed in a detailed interactive map, following a guided route that progresses as you scroll. The transitions and animations are spectacular, and the map is crafted with meticulous attention to detail.<\/p>\n

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

WOW! The new post featuring the best web designs of 2019\u20132020<\/a> is live! Check it out now!<\/a><\/h6>\n

Conclusions<\/h3>\n

As you can see, once again, interactive websites and those featuring 3D elements are leading the way in web design and development. Soon, we\u2019ll be talking about video game development in web environments, as web interactivity is reaching the level of PC gaming.<\/p>\n

Although this post isn\u2019t the place to go into detail, I personally believe that these types of sites may soon lose their dominance in the top web design galleries. As I\u2019ve mentioned, the focus has shifted more toward interactive development and 3D modeling than pure design. I think it would be worthwhile to distinguish between sites with outstanding web design and those that excel in interactivity and 3D\u2014both are impressive achievements, but they deserve separate recognition. We\u2019ll be considering this, as we don\u2019t want to only reward \u201csuper interactive\u201d sites and overlook those with exceptional graphic design.<\/p>\n

Subscribe to our newsletter<\/a> for ongoing inspiration.<\/h6>\n

We also encourage you to visit our gallery 8<\/a>, where you\u2019ll find all our selections in one place, updated every quarter.<\/p>\n

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

Related: Best web designs 2016\u20132017<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

Now that November is here and the holidays are just around the corner, it\u2019s time for our roundup of the best web designs of 2017\u20132018. The collection of best web designs 2018\u20132019 is also now available! [superfeatured]7076[\/superfeatured] For those who don\u2019t know, we gather all our selections in our web inspiration gallery, where we showcase […]<\/p>\n","protected":false},"author":1,"featured_media":9997,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,210,134],"class_list":["post-26404","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-desenvolupament-web","category-inspiracio","category-disseny-grafic"],"acf":[],"yoast_head":"\nMejores dise\u00f1os web 2017 - 2018 - Dise\u00f1o web Barcelona Code<\/title>\n<meta name=\"description\" content=\"Analizamos y repasamos los mejores dise\u00f1os web del 2017 - 2018. La interacci\u00f3n con el usuario y el modelado 3D como principal protagonista.\" \/>\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-2018\/\" \/>\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 - 2018 - Dise\u00f1o web Barcelona Code\" \/>\n<meta property=\"og:description\" content=\"Analizamos y repasamos los mejores dise\u00f1os web del 2017 - 2018. La interacci\u00f3n con el usuario y el modelado 3D como principal protagonista.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-06T16:16:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T00:10:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/11\/mejores-disenos-web-2018-3.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=\"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=\"4 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-2018\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Best Web Designs 2017 \u2013 2018\",\"datePublished\":\"2017-11-06T16:16:51+00:00\",\"dateModified\":\"2026-04-21T00:10:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/\"},\"wordCount\":903,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/11\/mejores-disenos-web-2018-3.jpg\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\",\"Dise\u00f1o gr\u00e1fico\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/\",\"name\":\"Mejores dise\u00f1os web 2017 - 2018 - Dise\u00f1o web Barcelona Code\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/11\/mejores-disenos-web-2018-3.jpg\",\"datePublished\":\"2017-11-06T16:16:51+00:00\",\"dateModified\":\"2026-04-21T00:10:12+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Analizamos y repasamos los mejores dise\u00f1os web del 2017 - 2018. La interacci\u00f3n con el usuario y el modelado 3D como principal protagonista.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/11\/mejores-disenos-web-2018-3.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/11\/mejores-disenos-web-2018-3.jpg\",\"width\":1290,\"height\":700},{\"@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 - 2018 - Dise\u00f1o web Barcelona Code","description":"Analizamos y repasamos los mejores dise\u00f1os web del 2017 - 2018. La interacci\u00f3n con el usuario y el modelado 3D como principal protagonista.","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-2018\/","og_locale":"en_US","og_type":"article","og_title":"Mejores dise\u00f1os web 2017 - 2018 - Dise\u00f1o web Barcelona Code","og_description":"Analizamos y repasamos los mejores dise\u00f1os web del 2017 - 2018. La interacci\u00f3n con el usuario y el modelado 3D como principal protagonista.","og_url":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/","og_site_name":"Code Barcelona","article_published_time":"2017-11-06T16:16:51+00:00","article_modified_time":"2026-04-21T00:10:12+00:00","og_image":[{"width":1290,"height":700,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/11\/mejores-disenos-web-2018-3.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Best Web Designs 2017 \u2013 2018","datePublished":"2017-11-06T16:16:51+00:00","dateModified":"2026-04-21T00:10:12+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/"},"wordCount":903,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/11\/mejores-disenos-web-2018-3.jpg","articleSection":["Disseny i desenvolupament web","Inspiraci\u00f3","Dise\u00f1o gr\u00e1fico"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/","name":"Mejores dise\u00f1os web 2017 - 2018 - Dise\u00f1o web Barcelona Code","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/11\/mejores-disenos-web-2018-3.jpg","datePublished":"2017-11-06T16:16:51+00:00","dateModified":"2026-04-21T00:10:12+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Analizamos y repasamos los mejores dise\u00f1os web del 2017 - 2018. La interacci\u00f3n con el usuario y el modelado 3D como principal protagonista.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-designs-2017-2018\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/11\/mejores-disenos-web-2018-3.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/11\/mejores-disenos-web-2018-3.jpg","width":1290,"height":700},{"@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\/26404","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=26404"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/26404\/revisions"}],"predecessor-version":[{"id":26424,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/26404\/revisions\/26424"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/9997"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=26404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=26404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}