works民宿品牌

鹿谷茶園山居民宿

聽霧山居

霧起的時候,山就安靜了

tingwu-shanju.vercel.app
聽霧山居 桌機版網站畫面
聽霧山居 手機版網站畫面
/ system設計系統

網站色系

  • 茶湯棕金#B9863F
  • 暖米底#F7F0E4
  • 深棕文字#472515
  • 茶褐中間色#583A2D

字體樣式

霧起的時候,山就安靜了

Noto Serif TC標題・襯線 display

鹿谷茶園旁的六間房山居

Noto Sans TC內文・介面文字

1,150m

海拔高度

6 間

客房數

20 年

茶園歲月

3 種

房型與分級房價

N° 01the challenge

挑戰

山居民宿要讓人在訂房前就先信「這裡值得專程上山」,但主人話不多、賣點是清晨的霧跟茶園散步這種難以量化的體驗,網站得把抽象的氛圍感,轉譯成看得到房型、價格、交通方式的具體決策資訊。

N° 02our approach

解法

以暖褐茶色底搭配襯線標題字體,營造山居的沉靜感,首頁品牌故事直接用主人第一人稱的口吻破題。房型頁把三種房型的坪數、床型、平日/假日/連續假期三段房價並列攤開;山居時光頁把茶園導覽、夜觀星空、手作早餐三項體驗寫成有時間軸的具體行程;訂房須知頁收斂交通方式、退房規則與 FAQ,降低訂房前的猶豫。

N° 03what shipped

成果

首頁、房型、山居時光、山居影像、訂房須知五頁形象官網上線,三種房型三段房價、交通方式與訂房須知一頁到位,適合民宿主人直接分享連結促成訂房。

/ screens內頁實錄
首頁・雲霧茶園山居與品牌一句話
01首頁・雲霧茶園山居與品牌一句話
房型頁・雲霧雙人房坪數床型與分級房價
02房型頁・雲霧雙人房坪數床型與分級房價
山居時光頁・清晨茶園散步行程
03山居時光頁・清晨茶園散步行程

ready to build?

你的品牌 也值得一個這樣的網站