{"id":22137,"date":"2022-06-30T14:35:50","date_gmt":"2022-06-30T14:35:50","guid":{"rendered":"https:\/\/codewebbarcelona.com\/el-mejor-diseno-web-del-mes-de-junio\/"},"modified":"2026-04-20T22:53:16","modified_gmt":"2026-04-20T22:53:16","slug":"best-web-design-june-2","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/","title":{"rendered":"Best Web Design of the Month: June"},"content":{"rendered":"<p>As we transition into a new season and reach the end of June, it\u2019s time for our monthly roundup where we search for and highlight the best web design of the month.<\/p>\n<p>This time, we\u2019ve reviewed over two hundred websites, looking for standout web animations, the most engaging user interactions, the most impressive layouts, and a long list of other criteria that help us determine which sites make the cut.<\/p>\n<p>After narrowing it down, we\u2019ve selected ten websites that stand out for various reasons, but all share one thing in common: they might just be the best sites you\u2019ll see this month.<\/p>\n<p>All the sites featured in this article are the work of independent web design studios, creative agencies, web developers, and designers outside our own studio.<\/p>\n<p>You won\u2019t find any self-promotional sites from design or web studios here\u2014just real-world projects that faced real challenges and delivered results that made their clients happy.<\/p>\n<p>Here are the top web designs you\u2019ll discover:<\/p>\n<ul>\n<li>CUSTO \u2013 Web design and development by Gil Huybrecht<\/li>\n<li>ARO \u2013 Web design and development by Whiteboard<\/li>\n<li>HOUSEPLANT \u2013 Web design and development by Pattern<\/li>\n<li>VITRA\/OFFICE CHAIR FINDER \u2013 Web design and development by Build in Amsterdam<\/li>\n<li>FWIP \u2013 Web design and development by Airnauts<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>This selection includes <strong>product websites, e-commerce, food industry sites, corporate web design, minimalist design, and visually striking layouts\u2026<\/strong><\/p>\n<p>We\u2019ve got a lot to cover with these ten references, so let\u2019s dive in before time gets away from us.<\/p>\n<p>Let\u2019s discover the <strong>best web design of June<\/strong>.<\/p>\n<h6><a href=\"https:\/\/codewebbarcelona.com\/contacta\/\" target=\"_blank\" rel=\"noopener\">Want an award-winning website? \u2013 Click here and we\u2019ll help you boost your online presence.<\/a><\/h6>\n<h2>Best Web Design of May<\/h2>\n<h3>CUSTO<\/h3>\n<p><strong>Web design and development by Gil Huybrecht<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12032\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-custo-029.jpg\" alt=\"mejor-diseno-web-junio-custo-029\" width=\"1900\" height=\"700\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12027\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-custo-024.jpg\" alt=\"mejor-diseno-web-junio-custo-024\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone wp-image-12029\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-custo-026.png\" alt=\"mejor-diseno-web-junio-custo-026\" width=\"1080\" height=\"772\" \/><img decoding=\"async\" class=\"alignnone size-full wp-image-12030\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-custo-027.jpg\" alt=\"mejor-diseno-web-junio-custo-027\" width=\"1600\" height=\"1200\" \/> <div style=\"width: 1800px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-22137-1\" width=\"1800\" height=\"1350\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-custo-028.mp4?_=1\" \/><\/video><\/div><\/p>\n<p>&nbsp;<\/p>\n<p>A website designed to showcase and sell a tech product, featuring a minimalist and user-friendly approach.<\/p>\n<p>What stands out in this project is the carefully chosen color palette and the creative use of typography.<\/p>\n<p>On top of that, the development is top-notch, offering users a seamless and interactive browsing experience.<\/p>\n<p>The tags that make this the <strong>best web design of the month<\/strong> for June:<\/p>\n<ul>\n<li>Interaction<\/li>\n<li>Minimalism<\/li>\n<li>Interactive design<\/li>\n<li>E-commerce<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Congratulations to Gil Huybrecht\u2019s web design and development studio for being among June\u2019s best.<\/p>\n<p><a href=\"https:\/\/custo.io\/\" target=\"_blank\" rel=\"noopener\">Visit website<\/a><\/p>\n<p>[superfeatured]7974[\/superfeatured]<\/p>\n<h3>ARO<\/h3>\n<p><strong>Web design and development by Whiteboard<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12033\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-aro-008.jpg\" alt=\"mejor-diseno-web-junio-aro-008\" width=\"1900\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12034\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-aro-009.jpg\" alt=\"mejor-diseno-web-junio-aro-009\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12035\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-aro-010.jpg\" alt=\"mejor-diseno-web-junio-aro-010\" width=\"1600\" height=\"1200\" \/> <div style=\"width: 1200px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-22137-2\" width=\"1200\" height=\"900\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-aro-011.mp4?_=2\" \/><\/video><\/div><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-12037\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-aro-012.jpg\" alt=\"mejor-diseno-web-junio-aro-012\" width=\"1080\" height=\"772\" \/> <img decoding=\"async\" class=\"alignnone wp-image-12038\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-aro-013.jpg\" alt=\"mejor-diseno-web-junio-aro-013\" width=\"1080\" height=\"772\" \/> <img decoding=\"async\" class=\"alignnone wp-image-12039\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-aro-014.jpg\" alt=\"mejor-diseno-web-junio-aro-014\" width=\"1080\" height=\"772\" \/><\/p>\n<p>Aro is a product designed to help you disconnect from the internet and social media for a few minutes each day, so you can reconnect with real life\u2014without interruptions.<\/p>\n<p>This website nails two key aspects that were likely part of the creative process from the start: the product\u2019s tech-forward nature, and the sense of authenticity and humanity that both the product and brand want to convey.<\/p>\n<p>They\u2019ve definitely succeeded, which is why this is one of the month\u2019s top web designs.<\/p>\n<p>The tags that make this the <strong>best web design of the month<\/strong> for June:<\/p>\n<ul>\n<li>E-commerce<\/li>\n<li>Typography<\/li>\n<li>User journey<\/li>\n<li>Authenticity<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Congratulations to Whiteboard\u2019s web design and development team for making it into June\u2019s best.<\/p>\n<p><a href=\"https:\/\/www.goaro.com\" target=\"_blank\" rel=\"noopener\">Visit website<\/a><\/p>\n<p>[superfeatured]7974[\/superfeatured]<\/p>\n<h3>HOUSEPLANT<\/h3>\n<p><strong>Web design and development by Pattern<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12047\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-houseplant-063.jpg\" alt=\"mejor-diseno-web-junio-houseplant-063\" width=\"1900\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone wp-image-12045\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-houseplant-061.jpg\" alt=\"mejor-diseno-web-junio-houseplant-061\" width=\"1080\" height=\"772\" \/> <img decoding=\"async\" class=\"alignnone wp-image-12046\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-houseplant-062.jpg\" alt=\"mejor-diseno-web-junio-houseplant-062\" width=\"1080\" height=\"772\" \/><\/p>\n<div style=\"width: 1290px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-22137-3\" width=\"1290\" height=\"968\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-houseplant-059.mp4?_=3\" \/><\/video><\/div>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12041\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-houseplant-057.jpg\" alt=\"mejor-diseno-web-junio-houseplant-057\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12042\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-houseplant-058.jpg\" alt=\"mejor-diseno-web-junio-houseplant-058\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone wp-image-12044\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-houseplant-060.jpg\" alt=\"mejor-diseno-web-junio-houseplant-060\" width=\"1080\" height=\"772\" \/><\/p>\n<p>This website is dedicated to home decor products, with a distinctly artistic approach. Inside, you\u2019ll find ashtrays, vases, match holders, and more.<\/p>\n<p>The design is artful yet never loses sight of its e-commerce purpose. It\u2019s friendly, easy to use, and easy to navigate, with beautifully shot and selected images, and a natural, human touch that makes it truly appealing.<\/p>\n<p>Take a look at how the products are displayed on screen to see just how many ways you can approach and design an online store.<\/p>\n<p>The tags that make this the <strong>best web design of the month<\/strong> for June:<\/p>\n<ul>\n<li>E-commerce<\/li>\n<li>User-friendly<\/li>\n<li>Artistic<\/li>\n<li>Payment gateway<\/li>\n<li>Images<\/li>\n<li>Typography<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Congratulations to Pattern\u2019s web design and development team for being among May\u2019s best.<\/p>\n<p><a href=\"https:\/\/www.houseplant.com\/\" target=\"_blank\" rel=\"noopener\">Visit website<\/a><\/p>\n<p>[superfeatured]7974[\/superfeatured]<\/p>\n<h3>VITRA \u2013 OFFICE CHAIR FINDER<\/h3>\n<p><strong>Web design and development by Build in Amsterdam<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12055\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-vitra-036.jpg\" alt=\"mejor-diseno-web-junio-vitra-036\" width=\"1900\" height=\"700\" \/> <img decoding=\"async\" class=\"alignnone wp-image-12054\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-vitra-035.jpg\" alt=\"mejor-diseno-web-junio-vitra-035\" width=\"1080\" height=\"772\" \/><\/p>\n<div style=\"width: 1200px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-22137-4\" width=\"1200\" height=\"900\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-vitra-034.mp4?_=4\" \/><\/video><\/div>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12049\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-vitra-030.jpg\" alt=\"mejor-diseno-web-junio-vitra-030\" width=\"1600\" height=\"1200\" \/> <div style=\"width: 1200px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-22137-5\" width=\"1200\" height=\"900\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-vitra-032.mp4?_=5\" \/><\/video><\/div> <img decoding=\"async\" class=\"alignnone size-full wp-image-12050\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-vitra-031.jpg\" alt=\"mejor-diseno-web-junio-vitra-031\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone wp-image-12052\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-vitra-033.jpg\" alt=\"mejor-diseno-web-junio-vitra-033\" width=\"1080\" height=\"772\" \/><\/p>\n<p>Vitra\u2019s website lets you playfully search for and find your perfect office chair\u2014which, for someone like me who\u2019s spent a lot of time sitting, is no small feat.<\/p>\n<p>The site features a minimalist design and flawless development, with standout animations and user interactions.<\/p>\n<p>The features that make this the <strong>best web design of the month<\/strong> for June:<\/p>\n<ul>\n<li>Its e-commerce platform<\/li>\n<li>Responsive design for smartphones and app-style interface<\/li>\n<li>User interaction<\/li>\n<li>Animations<\/li>\n<li>Clean layout<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Congratulations to Build in Amsterdam for being among May\u2019s top web designs.<\/p>\n<p><a href=\"https:\/\/findmy.vitra.com\/en-en\/questionnaire\/chairs\" target=\"_blank\" rel=\"noopener\">Visit website<\/a><\/p>\n<p>[superfeatured]7974[\/superfeatured]<\/p>\n<h3>FWIP<\/h3>\n<p><strong>Web design and development by Airnauts<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12096\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-fwip-056-1.jpg\" alt=\"mejor-diseno-web-junio-fwip-056\" width=\"1903\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12095\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-fwip-055.jpg\" alt=\"mejor-diseno-web-junio-fwip-055\" width=\"1903\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12094\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-fwip-054.jpg\" alt=\"mejor-diseno-web-junio-fwip-054\" width=\"1903\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12093\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-fwip-053.jpg\" alt=\"mejor-diseno-web-junio-fwip-053\" width=\"1903\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12092\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-fwip-052.jpg\" alt=\"mejor-diseno-web-junio-fwip-052\" width=\"1903\" height=\"1080\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-12091\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/mejor-diseno-web-junio-fwip-051.jpg\" alt=\"mejor-diseno-web-junio-fwip-051\" width=\"1903\" height=\"1080\" \/><\/p>\n<p>We wrap up our summer selection with a refreshingly original concept: a machine that lets you serve authentic Italian gelato at home.<\/p>\n<p>The idea itself is innovative\u2014combining the convenience of fresh coffee at home, the ingenuity of Nespresso, and the world of gelato, resulting in a machine that lets you make ice cream anywhere (as long as you have electricity, of course).<\/p>\n<p>But we\u2019re not here just to indulge in gelato\u2014we\u2019re here for the web design.<\/p>\n<p>This site is highly visual, dynamic, engaging, and approachable.<\/p>\n<p>It has a youthful vibe, thanks to its color palette and typography.<\/p>\n<p>The tags that make this the <strong>best web design of the month<\/strong> for June:<\/p>\n<ul>\n<li>Full-screen experience<\/li>\n<li>Bold typography<\/li>\n<li>Colorful<\/li>\n<li>Videos<\/li>\n<li>Conversational tone<\/li>\n<li>Navigation<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Congratulations to Airnauts for being among May\u2019s best web designs.<\/p>\n<p><a href=\"https:\/\/www.fwip.com\" target=\"_blank\" rel=\"noopener\">Visit website<\/a><\/p>\n<p>[superfeatured]7974[\/superfeatured]<\/p>\n<h3><strong>Our conclusions<\/strong><\/h3>\n<p>All references, <strong>web designs<\/strong>, and <strong>web developments<\/strong> featured here are the work of their respective creators. We have not received any pressure or incentives to include them in this list, and we consider ourselves a fully independent entity with our own opinions.<\/p>\n<p>If you think there\u2019s a site that doesn\u2019t deserve to be on this list, or you have a better suggestion, leave us a comment or send us an email with your proposal.<\/p>\n<p>You can support our work by sharing this article with anyone you think might be interested.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As we transition into a new season and reach the end of June, it\u2019s time for our monthly roundup where we search for and highlight the best web design of the month. This time, we\u2019ve reviewed over two hundred websites, looking for standout web animations, the most engaging user interactions, the most impressive layouts, and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4667,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,210],"class_list":["post-22137","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>Best Web Design of the Month: June - Code Barcelona<\/title>\n<meta name=\"description\" content=\"Cambiamos de estaci\u00f3n y nos situamos a finales de Junio con el art\u00edculo mensual en el que buscamos y sondeamos cu\u00e1l puede ser el mejor dise\u00f1o web del mes.\" \/>\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-design-june-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best Web Design of the Month: June - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Cambiamos de estaci\u00f3n y nos situamos a finales de Junio con el art\u00edculo mensual en el que buscamos y sondeamos cu\u00e1l puede ser el mejor dise\u00f1o web del mes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-30T14:35:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T22:53:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/el-mejor-diseno-web-del-mes-de-junio-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1903\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\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=\"5 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-design-june-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Best Web Design of the Month: June\",\"datePublished\":\"2022-06-30T14:35:50+00:00\",\"dateModified\":\"2026-04-20T22:53:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/\"},\"wordCount\":1057,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/el-mejor-diseno-web-del-mes-de-junio-featured.jpg\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/\",\"name\":\"Best Web Design of the Month: June - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/el-mejor-diseno-web-del-mes-de-junio-featured.jpg\",\"datePublished\":\"2022-06-30T14:35:50+00:00\",\"dateModified\":\"2026-04-20T22:53:16+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Cambiamos de estaci\u00f3n y nos situamos a finales de Junio con el art\u00edculo mensual en el que buscamos y sondeamos cu\u00e1l puede ser el mejor dise\u00f1o web del mes.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/el-mejor-diseno-web-del-mes-de-junio-featured.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/el-mejor-diseno-web-del-mes-de-junio-featured.jpg\",\"width\":1903,\"height\":1080},{\"@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":"Best Web Design of the Month: June - Code Barcelona","description":"Cambiamos de estaci\u00f3n y nos situamos a finales de Junio con el art\u00edculo mensual en el que buscamos y sondeamos cu\u00e1l puede ser el mejor dise\u00f1o web del mes.","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-design-june-2\/","og_locale":"en_US","og_type":"article","og_title":"Best Web Design of the Month: June - Code Barcelona","og_description":"Cambiamos de estaci\u00f3n y nos situamos a finales de Junio con el art\u00edculo mensual en el que buscamos y sondeamos cu\u00e1l puede ser el mejor dise\u00f1o web del mes.","og_url":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/","og_site_name":"Code Barcelona","article_published_time":"2022-06-30T14:35:50+00:00","article_modified_time":"2026-04-20T22:53:16+00:00","og_image":[{"width":1903,"height":1080,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/el-mejor-diseno-web-del-mes-de-junio-featured.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Best Web Design of the Month: June","datePublished":"2022-06-30T14:35:50+00:00","dateModified":"2026-04-20T22:53:16+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/"},"wordCount":1057,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/el-mejor-diseno-web-del-mes-de-junio-featured.jpg","articleSection":["Disseny i desenvolupament web","Inspiraci\u00f3"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/","name":"Best Web Design of the Month: June - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/el-mejor-diseno-web-del-mes-de-junio-featured.jpg","datePublished":"2022-06-30T14:35:50+00:00","dateModified":"2026-04-20T22:53:16+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Cambiamos de estaci\u00f3n y nos situamos a finales de Junio con el art\u00edculo mensual en el que buscamos y sondeamos cu\u00e1l puede ser el mejor dise\u00f1o web del mes.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/best-web-design-june-2\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/el-mejor-diseno-web-del-mes-de-junio-featured.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2022\/06\/el-mejor-diseno-web-del-mes-de-junio-featured.jpg","width":1903,"height":1080},{"@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\/22137","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=22137"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/22137\/revisions"}],"predecessor-version":[{"id":22172,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/22137\/revisions\/22172"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/4667"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=22137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=22137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}