五條動線的資訊架構
認識、看房、訂房、消息、抵達各自獨立，每一頁只回答一個問題。
網站設計
海岸民宿 品牌形象網站
南台灣一間精品民宿的形象網站，從主人的故事、房型比較到訂房規則一次說完。
網站畫面Selected Screens
專案說明 / Description
民宿網站最常見的問題不是資訊不足，而是資訊都在、客人卻找不到自己要的那一項。我們把全站收斂成五條動線：認識、看房、訂房、消息、抵達，每一頁只回答一個問題。房型頁讓實拍輪播、樓層平面圖與平日／假日／連假價目並排在同一個畫面，客人不需要來回捲動就能比較；訂房頁則把匯款帳號、入住規則與退訂條款集中成一張表，把重複詢問留在網站上解決。全站以伺服器端渲染部署於邊緣運算節點，並保留一套後台讓主人自行發布最新消息。
技術架構Technologies
- Nuxt 3
- Tailwind CSS
功能重點Features
房型並排比較
實拍輪播、樓層平面圖與平日／假日／連假價目呈現在同一個畫面。
訂房資訊一頁化
匯款帳號、入住規則與退訂條款集中呈現，把重複詢問留在網站上解決。
伺服器端渲染與社群預覽
各頁具備獨立標題、描述與分享縮圖，搜尋與社群轉貼皆能正確呈現。
內容管理系統模組
最新消息管理後台
主人可自行新增消息、裁切封面圖並調整上下架與排序，圖片直傳影像服務。
