Z Garden Hotel

Hospitality · El Nido, Philippines

A multi-page hotel website in English and Chinese that conveys calm and leads guests to book directly.

Client: H Hospitality Group
My role: Structure, UX, UI, content, Tilda, integrations
Languages: English · Chinese
Booking: Cloudbeds

(01)

Challenge

A hotel in the heart of El Nido managed by H Hospitality Group. The website had to convey calm and tropical nature, showcase rooms and location, and lead guests to book directly instead of through OTAs.

(02)

My role

I led the project from structure to launch: designed the website, gathered the content, built it and connected booking.

Structure
UX
UI
Content
Tilda build
Integrations

(03)

Process

I designed a multi-page structure: home, rooms, gallery, El Nido guide, contact. Each room type got its own page.

Sitemap( EN · 中文 )

Home

Rooms
- Superior King Room
- King Room · Garden View
- Queen Room · Sea View
- Double Room · Garden View
- Double Room · Mountain View
Gallery
Explore El Nido
- Adventures
- Beaches
- Relaxation
- Nearby Restaurants
- Nearby Cafés
Contact Us

Book nowin the header of every page, leads to Cloudbeds
EN / 中文the whole structure in two languages

⁽⁰⁴⁾

What made the website a working tool for the hotel( 04 · Key decisions )

zgardenhotel.com/zh
Two language versions
(01)
English and Chinese versions for the key guest segments.
Header with Book now on scroll
Booking from any screen
(02)
Cloudbeds integration, with the booking button pinned in the header and available from every page.
Explore El Nido on the home page
The “Explore El Nido” guide
(03)
Adventures, beaches, restaurants, cafés and wellness near the hotel. Useful content that builds trust and supports SEO.
About block · palette and photos
Atmosphere in the interface
(04)
A calm palette and generous white space, so the website itself extends the hotel's atmosphere.

(05)

Challenge and solution

Problem

Guests compare the hotel on Booking and Agoda, and a direct website loses if booking on it is harder.

Solution

Cloudbeds booking in the header of every page: one click to book from any screen. The El Nido guide adds what an OTA doesn't have: a reason to stay on the hotel's own website.