YAWN YARD Kouri Island Website Integration with microCMS

Project Overview

We were responsible for integrating microCMS into the website for YAWN YARD Kouri Island (Yawn Yard Kouri Island).

About the YAWN YARD Website

YAWN YARD, planned and operated by Kashiwabara Hands Co., Ltd., embodies a "stay-in garden" that offers an alternative way to relax, where people and nature come together in harmony. It delivers unique lodging experiences that draw on the climate, landscape, and lifestyle aesthetics of each region. Its first property opened in September 2024 on Kouri Island, a remote island in Okinawa Prefecture.

This project supports the opening of YAWN YARD Kouri Island. Nippon Design Center (NDC) handled art direction, concept and naming development, and website production.
Our role was to implement the news feature powered by microCMS.

The completed website reflects YAWN YARD's philosophy of giving form to an alternative way to relax, where people and nature come together, shaped through a dialogue with the local climate, landscape, and lifestyle aesthetics.

YAWN YARD official website: Details page for "Stay"
Distinctive rock formations of Kouri Island (photo used on the official website)
YAWN YARD official website: Details page for "Food"

To convey the appeal of the property as fully as possible, all photography was newly commissioned. The visuals capture the space in harmony with the nature of Okinawa's Kouri Island and the unhurried stay it offers.

Views of Yanbaru from the garden and a dining table featuring local ingredients (photo used on the official website)
Ryukyu furniture and scenery unique to YAWN YARD, crafted with local artists (photo used on the official website)
Exterior of the YAWN YARD building, with the brand concept message engraved on it (photo used on the official website)
Lush greenery and sea of Kouri Island seen from the accommodation (photo used on the official website)

NDC handled everything from naming to copywriting, allowing visitors to envision time spent at YAWN YARD from the perspectives of "garden," "living," and "dining."

YAWN YARD official website: Introduction section with copy themed on "Garden"
YAWN YARD official website: Introduction section with copy themed on "Kyo"

Refined visuals and copy are essential to expressing a world view. However, visual appeal alone cannot deliver an excellent web experience. Building systems that let users engage with the service without friction is equally important.

The news feature we implemented is one example. Enjoying the changing seasons is part of the appeal of YAWN YARD, and to make each stay comfortable while people notice these daily changes, timely information delivery is essential. By integrating microCMS, which can be operated intuitively, we set up an environment where on-site staff can post news directly, enabling prompt announcements tailored to the situation.

Finally

Liberogic specializes in building modern websites using headless CMS and Jamstack. If you are looking to deliver content with microCMS or build a secure, high-speed site, please feel free to reach out.

Branding
Nihon Design Center Co., Ltd.
Concept and Naming Development
Nihon Design Center Co., Ltd.
Structure, Design Production, and Implementation
Nihon Design Center Co., Ltd.
microCMS Integration
Otsuka, Morimoto
Project Progress
Nihon Design Center Co., Ltd., Original Text Co., Ltd.
Company and Service Names
YAWN YARD Kouri Island