精品旅宿品牌官網Boutique hotel brand website
為虛構的山間旅宿「棲光」設計的品牌官網概念，展示沉浸式全幅主視覺、可即時查詢空房的訂房元件，以及繁中、英文、日文的語言切換。
A brand website concept for Qiguang, a fictional mountain retreat: an immersive full-bleed hero, a booking widget with live availability, and switching between Traditional Chinese, English and Japanese.
此為概念設計，用於展示我們的設計與開發能力，並非真實客戶案例。
This is a concept design that demonstrates our design and development capabilities; it is not a real client project.
小型精品旅宿的官網常常只是一份房型清單，很難傳達住宿的氛圍；訂房又多半導向第三方平台，品牌和旅客之間少了直接的連結。
這個概念以全幅山景主視覺和大量留白建立第一印象，訂房元件就放在首屏底部，旅客不必離開頁面就能選擇日期、人數與房型。房型頁以「每間房都有一扇窗」為主題，日曆直接標示每晚房價和已滿的日期。
如果實際開發，我們會用 Next.js 建置網站，以 Payload CMS 管理房型、價格與多語內容，並串接旅宿的訂房引擎或 PMS 取得即時空房。每個語言都有自己的網址與 SEO 標記，方便海外旅客搜尋。
Small boutique hotels often have a website that is little more than a list of rooms. It struggles to convey what staying there feels like, and booking usually sends guests off to a third-party platform, so the brand loses its direct line to them.
This concept opens with a full-bleed mountain scene and generous white space, and puts the booking widget at the bottom of the first screen, so guests can pick dates, guests and room type without leaving the page. The rooms page is built around the idea that every room has its own window, and the calendar shows the nightly rate and sold-out dates at a glance.
In a real build we would use Next.js for the site and Payload CMS for rooms, rates and multilingual content, connected to the property’s booking engine or PMS for live availability. Each language gets its own URLs and SEO tags so guests abroad can find it.
