[{"data":1,"prerenderedAt":144},["ShallowReactive",2],{"project-komorebi":3},{"data":4,"extensions":139},{"postBy":5},{"title":6,"slug":7,"content":8,"featuredImage":9,"categories":12,"seo":20,"motionGraphics":35,"webUiux":41},"Komorebi","komorebi","\u003Cp>Komorebi is a premium, fictional ryokan stay located in the nature-rich landscape of Kumamoto. Evolved from the secluded, deep-forest grounding of \u003Ci data-path-to-node=\"11\" data-index-in-node=\"147\">Ryokan Sanga\u003C\u002Fi>, the new brand repositions itself around the concept of \u003Ci data-path-to-node=\"11\" data-index-in-node=\"216\">“light filtering through trees.”\u003C\u002Fi> Drawing aesthetic inspiration from the sophisticated, open architecture of \u003Ci data-path-to-node=\"11\" data-index-in-node=\"324\">Hotarutei\u003C\u002Fi>, Komorebi merges micro-seasonal Japanese culinary art with high-end, premium hospitality.\u003C\u002Fp>\n",{"node":10},{"sourceUrl":11},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F06\u002FFeatured-Komorebi.png",{"nodes":13},[14,17],{"name":15,"slug":16},"Projects","projects",{"name":18,"slug":19},"Web UIUX","web-uiux",{"title":21,"description":22,"canonicalUrl":23,"robots":24,"openGraph":30,"jsonLd":33},"Komorebi - Nekodrey Design","Experience the art of tranquility with Komorebi’s premium, modern-traditional Japanese hospitality website design.","https:\u002F\u002Fwebsite.nekodrey.com\u002Fkomorebi\u002F",[25,26,27,28,29],"index","follow","max-snippet:-1","max-video-preview:-1","max-image-preview:large",{"title":21,"description":22,"image":31,"type":32},{"url":11},"article",{"raw":34},"\u003Cscript type=\"application\u002Fld+json\" class=\"rank-math-schema-pro\">{\"@context\":\"https:\u002F\u002Fschema.org\",\"@graph\":[{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002F#person\",\"name\":\"website.nekodrey.com\"},{\"@type\":\"WebSite\",\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002F#website\",\"url\":\"https:\u002F\u002Fwebsite.nekodrey.com\",\"name\":\"website.nekodrey.com\",\"publisher\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002F#person\"},\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F06\u002FFeatured-Komorebi.png\",\"url\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F06\u002FFeatured-Komorebi.png\",\"width\":\"1762\",\"height\":\"1078\",\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fkomorebi\u002F#webpage\",\"url\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fkomorebi\u002F\",\"name\":\"Komorebi - Nekodrey Design\",\"datePublished\":\"2026-06-01T06:34:16+00:00\",\"dateModified\":\"2026-06-13T04:41:21+00:00\",\"isPartOf\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002F#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F06\u002FFeatured-Komorebi.png\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fauthor\u002Fray-nekodreygmail-com\u002F\",\"name\":\"nekodrey\",\"url\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fauthor\u002Fray-nekodreygmail-com\u002F\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002F0db6f75b62e906f57c1e74109fb453645016096e0712e1229ec707f3bfc19090?s=96&d=mm&r=g\",\"url\":\"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002F0db6f75b62e906f57c1e74109fb453645016096e0712e1229ec707f3bfc19090?s=96&d=mm&r=g\",\"caption\":\"nekodrey\",\"inLanguage\":\"en-US\"},\"sameAs\":[\"http:\u002F\u002Fwebsite.nekodrey.com\"]},{\"@type\":\"BlogPosting\",\"headline\":\"Komorebi - Nekodrey Design\",\"datePublished\":\"2026-06-01T06:34:16+00:00\",\"dateModified\":\"2026-06-13T04:41:21+00:00\",\"articleSection\":\"Projects, Web UIUX\",\"author\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fauthor\u002Fray-nekodreygmail-com\u002F\",\"name\":\"nekodrey\"},\"publisher\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002F#person\"},\"description\":\"Experience the art of tranquility with Komorebi\\u2019s premium, modern-traditional Japanese hospitality website design.\",\"name\":\"Komorebi - Nekodrey Design\",\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fkomorebi\u002F#richSnippet\",\"isPartOf\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fkomorebi\u002F#webpage\"},\"image\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F06\u002FFeatured-Komorebi.png\"},\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fkomorebi\u002F#webpage\"}}]}\u003C\u002Fscript>\n",{"timeframe":36,"services":37,"video":36,"thumbnailsGallery":36},null,[38,39,40],"web design","web revamp","website development",{"headimage":42,"clientlogo":45,"industry":48,"type":49,"clientRequest":51,"tools":52,"services":57,"projectGallery":58,"brief":70,"primaryFocus":71,"problemPoint":72,"designGoalBrief":85,"designGoalPoint":86,"userResearchBrief":96,"userExperience":97,"userSitemap":36,"userInterface":110,"corporateColour":123,"corporateFonts":133},{"node":43},{"sourceUrl":44},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F06\u002FHI_Komorebi-scaled.webp",{"node":46},{"sourceUrl":47},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F06\u002FLogo_komorebi-02.png","Luxury Hospitality & Ryokan Stay",[50],"Web & UIUX","The client commissioned a complete brand overhaul and digital transformation to pivot a traditional, deeply nested hot-spring getaway into an elite, light-filled luxury retreat. The directive required transitioning the identity from rustic heritage to an architectural, high-end poetic experience, supported by an editorial digital interface that optimizes the international booking flow.",[53,54,55,56],"Figma","Wordpress","HTML","CSS",[38,39,40],{"nodes":59},[60,62,64,66,68],{"sourceUrl":61},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F06\u002FCuisine-scaled.png",{"sourceUrl":63},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F06\u002FHome-scaled.png",{"sourceUrl":65},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F06\u002FRoom-Booking-scaled.png",{"sourceUrl":67},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F06\u002FRoom-Single-scaled.png",{"sourceUrl":69},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F06\u002FRoom-scaled.png","While traditional ryokan settings offer unparalleled physical serenity, their online presence often fails to communicate premium value, reducing international conversion authority.","Redesign the holistic brand identity and web interface to transform an organic, hidden woodland lodge into a high-contrast, visually stunning luxury destination.",[73,76,79,82],{"problemPointTitle":74,"problemPointDescription":75},"Outdated Digital Identity","Traditional rustic aesthetics failed to project high-ticket, premium modern luxury to global travelers.",{"problemPointTitle":77,"problemPointDescription":78},"Friction in Booking UX","Complex reservation systems caused drop-offs due to poor visibility, low text contrast, and multi-step friction.",{"problemPointTitle":80,"problemPointDescription":81},"Weak Visual Narrative","Websites relied heavily on unstructured photo dumps rather than a structured layout balancing whitespace with micro-interactions.",{"problemPointTitle":83,"problemPointDescription":84},"Disconnected Touchpoints","On-site physical assets (menus, signage, yukatas) lacked unity with the digital design language.","To engineer a cohesive, luxury design ecosystem that captures the transient beauty of dappled sunlight, ensuring immediate brand premiumization and an effortless reservation experience.",[87,90,93],{"designGoalTitle":88,"designGoalDescription":89},"Seamless Exploration","Design an intuitive browsing experience that allows visitors to easily discover accommodations, dining experiences, and destination information without feeling overwhelmed.",{"designGoalTitle":91,"designGoalDescription":92},"Effortless Navigation","Create a clear information architecture that helps users quickly find essential details while maintaining a smooth and enjoyable journey throughout the website.",{"designGoalTitle":94,"designGoalDescription":95},"Deliver Immersive Storytelling","Utilise a clear, structured layout hierarchy to guide users seamlessly through the seasonal menus, architectural room types, and regional geography.","Values \"quiet luxury,\" architectural intentionality, and deep cultural immersion over commercialized hospitality gimmicks. They seek environments that offer mental deceleration and sensory poetry.",[98,104],{"userImage":99,"userName":102,"userDescription":103},{"node":100},{"sourceUrl":101},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F06\u002Fpexels-faruktokluoglu-33116241-scaled.jpg","User 1","I want a peaceful Japanese-style getaway, but most hotel websites only show rooms. I can't really understand the atmosphere, surroundings, or what makes the experience special.",{"userImage":105,"userName":108,"userDescription":109},{"node":106},{"sourceUrl":107},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F06\u002Fpexels-kadaaran-3534659-scaled.jpg","User 2","I am interested in staying at a traditional ryokan, but I am unfamiliar with Japanese hospitality. I need clear information about the rooms, dining, and facilities before deciding.",[111,114,117,120],{"userInterfaceTitle":112,"userInterfaceDescription":113},"Hero Strategy & Visual Narrative","Full-bleed, atmospheric imagery capturing seasonal light filtering through green foliage establishes immediate emotional weight upon landing.",{"userInterfaceTitle":115,"userInterfaceDescription":116},"Layout Grid Architecture","Utilises an asymmetrical grid system that balances extensive negative space with rich macro photography.",{"userInterfaceTitle":118,"userInterfaceDescription":119},"Conversion Funnel & Utility","A persistent, streamlined horizontal interface styled in signature Sage Green anchors the layout, organizing date selections, guest counts, and room filters to minimize booking friction.",{"userInterfaceTitle":121,"userInterfaceDescription":122},"Navigation Utilities","The page layouts conclude with a stylized, custom-drawn monochrome regional map embedded directly into a deep charcoal footer, balancing critical utility with a premium sense of place.",[124,127,130],{"colourHex":125,"brandColour":126},"#A3B18A","#a3b18a",{"colourHex":128,"brandColour":129},"#42423C","#42423c",{"colourHex":131,"brandColour":132},"#A8A9AD","#a8a9ad",[134,137],{"fontName":135,"fontFamily":135,"fontSample":136},"Noto Serif JP","ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz",{"fontName":138,"fontFamily":138,"fontSample":136},"DM Sans",{"debug":140},[141],{"type":142,"message":143},"DEBUG_LOGS_INACTIVE","GraphQL Debug logging is not active. To see debug logs, GRAPHQL_DEBUG must be enabled.",1786022431234]