YAWN YARD Kouri Island Website microCMS Integration

Project Overview

We implemented microCMS integration for the YAWN YARD Kouri Island website.

About the YAWN YARD Website

YAWN YARD, planned and operated by Kashiwabara Hands Inc., embodies "another way to relax" where nature and people connect—a "garden you can stay in." It offers unique accommodation experiences that leverage each region's climate, landscape, and living aesthetics. The flagship property opened on Kouri Island, a remote island off the coast of Okinawa, in September 2024.

For the opening of YAWN YARD Kouri Island, the Japan Design Center (NDC) handled art direction, concept and naming development, and website production.
We implemented the news feature using microCMS.

The completed website embodies YAWN YARD's philosophy: through dialogue with a location's climate, landscape, and living aesthetics, it gives form to another way to relax where nature and people connect.

YAWN YARD Official Website: 'Stay' Details Page
Distinctive rock landscape of Kouri Island (official website photograph)
YAWN YARD Official Website: 'Food' Details Page

To convey the appeal of the property, all photography is freshly shot. The space harmonizes with Okinawa's nature and Kouri Island's landscape, capturing the peaceful moments of a stay through rich visuals.

Yanbarу landscape visible from the garden and local ingredients enjoyed at the dining table (photo used on official website)
Ryukyu furniture and scenery created with local artisans, exclusive to YAWN YARD (official website photograph)
Exterior of the YAWN YARD building with the brand concept message engraved on it (photo used on official website)
Rich greenery and sea of Kouriishima island as seen from the accommodation (official website photo)

NDC handled everything from naming to copywriting, inviting visitors to imagine their time at YAWN YARD through three perspectives: "garden," "dwelling," and "dining."

YAWN YARD Official Website: introductory section featuring copy centered on the theme of 'garden'
YAWN YARD Official Website: Introduction section featuring copy themed around '居' (dwelling/presence)

Crafting visuals and copy is an essential element of expressing a brand world. However, aesthetic appeal alone cannot deliver an outstanding web experience. Building systems that let users engage with the service stress-free is equally important.

The news feature we implemented is one of them. Spending time with nature's changing seasons is the appeal of YAWN YARD, and to stay comfortably while experiencing daily changes, timely information delivery is essential. By integrating microCMS, which can be operated intuitively, and setting up an environment where on-site staff can post news, we realized quick announcements tailored to the situation.

In Closing

Liberogic specializes in modern website construction leveraging headless CMS and Jamstack. If you're looking to deliver content using microCMS or want to build a secure and fast site, please feel free to contact us.

Branding
Nippon Design Center Inc.
Concept and naming development
Nippon Design Center Inc.
Structure, design, and implementation
Nippon Design Center Inc.
microCMS integration
Otsuka, Morimoto
Project management
Nippon Design Center Inc., Original Text Inc.
Company/Service Name
YAWN YARD Kouri Island