--- title: "YAWN YARD Kouri Island WebサイトへのmicroCMS組み込み" client: " YAWN YARD Kouri Island" date: 2025-05-09 tags: ヘッドレスCMS構築 project_url: https://www.kouriisland.yawnyard.com/ canonical: https://www.liberogic.jp/casestudy/yawnyard/ --- # YAWN YARD Kouri Island WebサイトへのmicroCMS組み込み ![](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/7dd14577b44240de85c60faa1f42ceba/casestudy_yawnyard.png) YAWN YARD Kouri Island WebサイトへのmicroCMS組み込みに関するケーススタディです。 プロジェクトURL: [ https://www.kouriisland.yawnyard.com/]( https://www.kouriisland.yawnyard.com/) ## プロジェクト概要 YAWN YARD Kouri Island（ヨーンヤード コウリアイランド）サイトへのmicroCMS組み込みを担当しました。 ## YAWN YARDサイトの紹介 株式会社カシワバラ・ハンズが企画運営する「YAWN YARD」は、自然と人が仲良くなる「もうひとつのくつろぎ方」を 「泊まれる庭」として具現化、各地域の気候風土や生活美学を活かしたユニークな宿泊体験を提供します。 2024年9月にその第一号施設が沖縄県の離島、古宇利島に開業しました。 当プロジェクトは「YAWN YARD Kouri Island」の開業に向けて、日本デザインセンター（NDC）さんがアートディレクション、コンセプト・ネーミング開発、Webサイト制作を手がけています。 弊社はmicroCMSを活用したニュース機能を実装を担当しました。 完成したWebサイトは、「その土地の気候風土や生活美学との対話から、自然と人が仲良くなるもうひとつのくつろぎ方を形にする」というYAWN YARDの姿勢を体現しています。 ![YAWN YARD公式サイト：『Stay』の詳細ページ](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/42cade05a27646359a3a47b48b05635e/contentImg01.png) ![古宇利島の特徴的な岩の風景（公式サイト使用写真）](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/bf468fa466824ead8e912ca37da48bef/contentImg02.png) ![YAWN YARD公式サイト：『Food』の詳細ページ](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/3dc38684e19041738e87f5f6ea90b0aa/contentImg03.png) 宿の魅力を最大限に伝えるため、写真はすべて撮り下ろし。沖縄・古宇利島の自然と調和した空間、穏やかな時間が流れる滞在の様子が、豊かなビジュアルで表現されています。 ![庭から見えるやんばるの風景と、地元の食材を愉しむ食卓（公式サイト使用写真）](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/cc17958ade9140ec9b0eab339e40b226/contentImg04.png) ![地元の作家と造った、YAWN YARDだけの琉球家具と風景（公式サイト使用写真）](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/307990c68d2d4e30afff2f669536cea4/contentImg05.png) ![ブランドコンセプトのメッセージが刻まれたYAWN YARDの建物外観（公式サイト使用写真）](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/1eabaf8c74d345699938d3002c3aa854/contentImg06.png) ![宿から望む古宇利島の豊かな緑と海（公式サイト使用写真）](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/f4a7da1f11de4c4784a7efbdacbc9431/contentImg07.png) NDCさんがネーミングからコピーライティングまでを手がけ、「庭」「居」「食」それぞれの視点から、YAWN YARDで過ごす時間を思い描けるようになっています。 ![YAWN YARD公式サイト：『庭』をテーマにしたコピーが掲載されている紹介セクション](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/95c2075ffd5741d38c4545b07950dcaf/contentImg08.png) ![YAWN YARD公式サイト：『居』をテーマにしたコピーが掲載されている紹介セクション](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/ee43607d2bfb4ce9aec51c186ff503ad/_contentImg09.png) ビジュアルやコピーの作り込みは、世界観を表現するうえで必要不可欠な要素です。しかし、見た目の魅力だけでは優れたWeb体験を提供することはできません。ストレスなくサービスを利用するための仕組みづくりも重要になります。 弊社が実装したニュース機能もそのひとつです。自然の移ろいとともに過ごす時間はYAWN YARDの魅力であり、日々の変化を感じながら快適に滞在するためには、タイムリーな情報の配信が求められます。直感的な操作で運用できるmicroCMSを組み込み、現場担当者がニュースを投稿できる環境を整えることで、状況に応じた迅速なお知らせ配信を実現しました。 ## 最後に リベロジックは、ヘッドレスCMSとJamstackを活用したモダンなWebサイト構築を得意としています。「microCMSを活用したコンテンツ配信をしたい」「セキュアで高速なサイトを構築したい」とお考えの方はお気軽にご相談ください。 ## クレジット | 担当 | 氏名・組織 | | --- | --- | | ブランディング | （株）日本デザインセンター | | コンセプト・ネーミング開発 | （株）日本デザインセンター | | 構成・デザイン制作・実装 | （株）日本デザインセンター | | microCMS組み込み | 大塚、森本 | | プロジェクト進行 | （株）日本デザインセンター、（株）オリジナルテクスト |