{"id":67727,"date":"2025-02-04T11:26:46","date_gmt":"2025-02-04T11:26:46","guid":{"rendered":"https:\/\/peraltafinancing.com\/entertainment\/art\/mugaritz-communication-arts\/"},"modified":"2025-02-04T11:26:46","modified_gmt":"2025-02-04T11:26:46","slug":"mugaritz-communication-arts","status":"publish","type":"post","link":"https:\/\/fivemor.com\/?p=67727","title":{"rendered":"Mugaritz | Communication Arts"},"content":{"rendered":"


\n
<\/p>\n

\n

Responses by Knom<\/a>.<\/p>\n

Background: <\/strong>At Mugaritz, the boundaries between the culinary and the philosophical blur. The main challenge for Knom was to translate this physical experience, avant-garde philosophy and the restaurant\u2019s history into the digital realm, avoiding a standard design that would diminish its contemporary character. Additionally, the goal was to align the digital experience with the physical one, mentally preparing future diners long before they step through the restaurant\u2019s door.<\/p>\n

Larger picture:<\/strong> The site\u2019s launch took advantage of the release of the documentary Mugaritz. Sin pan ni postre<\/em> (\u2018Mugaritz. Without bread or dessert\u2019 in English.)<\/p>\n

Design core:<\/strong> On one hand, the double navigation, what we call the \u201cboundary,\u201d which not only gives the site a unique look but also offers a very different way of navigating. On the other hand, the art direction: highlighting the typography, the presentation of dishes as objects that \u201cfloat\u201d throughout the scroll and the radical use of color.<\/p>\n

Favorite details: <\/strong>Solving the navigation from a UX perspective. It was a complex challenge, and we\u2019ve managed to make it intuitive and fun. Also, giving substance and meaning to all the materials provided by Mugaritz, thanks to the art direction.<\/p>\n

Challenges:<\/strong> Translating the concept of \u201cboundary,\u201d which is at the core of Mugaritz\u2019s DNA and was clearly meant for us to be the backbone of the site, into a design that not only represented the boundary but also allowed users to \u201ccross the boundary\u201d by navigating between two layers, breaking all standard web usability conventions. Additionally, it had to be easy to navigate, visually appealing and understandable.<\/p>\n

New lessons:<\/strong> At first, we thought onboarding would be necessary, with a guide to explain the site and prepare users for navigation. However, all the tests we conducted showed us that this approach was completely off. The organic, natural exploration of the site, along with subtle tooltips, proved to be much more fluid than providing explanations. People enjoyed discovering it on their own much more.<\/p>\n

Navigation structure:<\/strong> The design is centered around the concept of \u201cboundary\u201d and the dualities that Mugaritz embodies, such as freedom\/restraint and chaos\/method. We took this concept to the extreme by creating a double navigation that reveals some things and hides others. Just like the dining experience at Mugaritz itself, it\u2019s a game; each user will have a different experience when interacting with the site.<\/p>\n

Special navigational features: <\/strong>The ability to open and close both halves of the page with a single click, which lets the user move quickly and intuitively between the two sides of the \u201cboundary.\u201d<\/p>\n

Technology:<\/strong> The website was developed using WordPress as a CMS, with deep customization and theme development from scratch using modern web technologies\u2014mainly CSS and vanilla Javascript. The whole site is modularized, including future pages, and can fully be edited by the client using a visual interface.<\/p>\n<\/div>\n

\n

Browse Projects<\/h3>\n

Click on an image to view more from each project<\/p>\n<\/p><\/div>\n\n","protected":false},"excerpt":{"rendered":"

Responses by Knom. Background: At Mugaritz, the boundaries between the culinary and the philosophical blur. The main challenge for Knom was to translate this physical experience, avant-garde philosophy and the restaurant\u2019s history into the digital realm, avoiding a standard design that would diminish its contemporary character. Additionally, the goal was to align the digital experience […]<\/p>\n","protected":false},"author":1,"featured_media":67728,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[100],"tags":[1107,12974,36146],"dealstore":[],"offerexpiration":[],"class_list":["post-67727","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art","tag-arts","tag-communication","tag-mugaritz"],"yoast_head":"\nMugaritz | Communication Arts - Som2ny Network<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fivemor.com\/?p=67727\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mugaritz | Communication Arts - Som2ny Network\" \/>\n<meta property=\"og:description\" content=\"Responses by Knom. Background: At Mugaritz, the boundaries between the culinary and the philosophical blur. The main challenge for Knom was to translate this physical experience, avant-garde philosophy and the restaurant\u2019s history into the digital realm, avoiding a standard design that would diminish its contemporary character. Additionally, the goal was to align the digital experience […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fivemor.com\/?p=67727\" \/>\n<meta property=\"og:site_name\" content=\"Som2ny Network\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-04T11:26:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/1172377_102_600_MTE1OTcwMzg2MjE1NzQ4OTU3Nw_f.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"384\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fivemor.com\/?p=67727#article\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/?p=67727\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\"},\"headline\":\"Mugaritz | Communication Arts\",\"datePublished\":\"2025-02-04T11:26:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=67727\"},\"wordCount\":495,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=67727#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/1172377_102_600_MTE1OTcwMzg2MjE1NzQ4OTU3Nw_f.jpg\",\"keywords\":[\"Arts\",\"Communication\",\"Mugaritz\"],\"articleSection\":[\"Art\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fivemor.com\/?p=67727#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fivemor.com\/?p=67727\",\"url\":\"https:\/\/fivemor.com\/?p=67727\",\"name\":\"Mugaritz | Communication Arts - Som2ny Network\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=67727#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=67727#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/1172377_102_600_MTE1OTcwMzg2MjE1NzQ4OTU3Nw_f.jpg\",\"datePublished\":\"2025-02-04T11:26:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fivemor.com\/?p=67727#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fivemor.com\/?p=67727\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/?p=67727#primaryimage\",\"url\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/1172377_102_600_MTE1OTcwMzg2MjE1NzQ4OTU3Nw_f.jpg\",\"contentUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/1172377_102_600_MTE1OTcwMzg2MjE1NzQ4OTU3Nw_f.jpg\",\"width\":600,\"height\":384},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fivemor.com\/?p=67727#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/fivemor.com\/?bp_activities=1\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mugaritz | Communication Arts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fivemor.com\/#website\",\"url\":\"https:\/\/fivemor.com\/\",\"name\":\"Som2ny Network\",\"description\":\"Daily Deals\",\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fivemor.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/fivemor.com\/#organization\",\"name\":\"Som2ny Network\",\"url\":\"https:\/\/fivemor.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png\",\"contentUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png\",\"width\":300,\"height\":86,\"caption\":\"Som2ny Network\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/fivemor.com\"],\"url\":\"https:\/\/fivemor.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mugaritz | Communication Arts - Som2ny Network","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:\/\/fivemor.com\/?p=67727","og_locale":"en_US","og_type":"article","og_title":"Mugaritz | Communication Arts - Som2ny Network","og_description":"Responses by Knom. Background: At Mugaritz, the boundaries between the culinary and the philosophical blur. The main challenge for Knom was to translate this physical experience, avant-garde philosophy and the restaurant\u2019s history into the digital realm, avoiding a standard design that would diminish its contemporary character. Additionally, the goal was to align the digital experience […]","og_url":"https:\/\/fivemor.com\/?p=67727","og_site_name":"Som2ny Network","article_published_time":"2025-02-04T11:26:46+00:00","og_image":[{"width":600,"height":384,"url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/1172377_102_600_MTE1OTcwMzg2MjE1NzQ4OTU3Nw_f.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fivemor.com\/?p=67727#article","isPartOf":{"@id":"https:\/\/fivemor.com\/?p=67727"},"author":{"name":"admin","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371"},"headline":"Mugaritz | Communication Arts","datePublished":"2025-02-04T11:26:46+00:00","mainEntityOfPage":{"@id":"https:\/\/fivemor.com\/?p=67727"},"wordCount":495,"commentCount":0,"publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"image":{"@id":"https:\/\/fivemor.com\/?p=67727#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/1172377_102_600_MTE1OTcwMzg2MjE1NzQ4OTU3Nw_f.jpg","keywords":["Arts","Communication","Mugaritz"],"articleSection":["Art"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fivemor.com\/?p=67727#respond"]}]},{"@type":"WebPage","@id":"https:\/\/fivemor.com\/?p=67727","url":"https:\/\/fivemor.com\/?p=67727","name":"Mugaritz | Communication Arts - Som2ny Network","isPartOf":{"@id":"https:\/\/fivemor.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fivemor.com\/?p=67727#primaryimage"},"image":{"@id":"https:\/\/fivemor.com\/?p=67727#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/1172377_102_600_MTE1OTcwMzg2MjE1NzQ4OTU3Nw_f.jpg","datePublished":"2025-02-04T11:26:46+00:00","breadcrumb":{"@id":"https:\/\/fivemor.com\/?p=67727#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fivemor.com\/?p=67727"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/?p=67727#primaryimage","url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/1172377_102_600_MTE1OTcwMzg2MjE1NzQ4OTU3Nw_f.jpg","contentUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/1172377_102_600_MTE1OTcwMzg2MjE1NzQ4OTU3Nw_f.jpg","width":600,"height":384},{"@type":"BreadcrumbList","@id":"https:\/\/fivemor.com\/?p=67727#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fivemor.com\/?bp_activities=1"},{"@type":"ListItem","position":2,"name":"Mugaritz | Communication Arts"}]},{"@type":"WebSite","@id":"https:\/\/fivemor.com\/#website","url":"https:\/\/fivemor.com\/","name":"Som2ny Network","description":"Daily Deals","publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fivemor.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/fivemor.com\/#organization","name":"Som2ny Network","url":"https:\/\/fivemor.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/#\/schema\/logo\/image\/","url":"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png","contentUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png","width":300,"height":86,"caption":"Som2ny Network"},"image":{"@id":"https:\/\/fivemor.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png","caption":"admin"},"sameAs":["https:\/\/fivemor.com"],"url":"https:\/\/fivemor.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/67727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=67727"}],"version-history":[{"count":0,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/67727\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/media\/67728"}],"wp:attachment":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=67727"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=67727"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=67727"},{"taxonomy":"dealstore","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdealstore&post=67727"},{"taxonomy":"offerexpiration","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fofferexpiration&post=67727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}