AERIE
為永熙灣懸崖之上的十二間虛構套房打造數位體驗——一條地平線同時引導品牌敘事與直接預訂路徑。
01 · 專案方向
度假村網站應先出售一種身處此地的感受，再出售房間。
多數旅宿網站從房型、設施與預訂按鈕開始。AERIE 反過來，從這個地點獨有的感受開始：站在海面上方 89 公尺，讓地平線與視線相遇，並住進貼著岩壁生長的建築。
設計任務是把地理優勢翻譯成螢幕上立即可懂的旅程。影像製造嚮往，文字回答現實問題，預訂入口始終在附近卻不打斷觀看。因此頁面既有編輯敘事的節奏，也有清晰的商業結構。
“AERIE 沒有把海當成背景圖；整個介面都圍繞同一條地平線組織。”
- 專案類型
- 高端度假村網站概念
- 設定地點
- 越南 · 寧順 · 永熙灣
- 虛構產品
- 12 間懸崖套房 · 3 種房型
- UX 目標
- 快速探索 · 直接預訂
02 · 資訊架構
三種住宿方式，三個選擇理由，而不是一張冗長的比較表。
Ledge Suite、Horizon Villa 與 Cave House 被定義為人與地形的三種關係：向懸崖外挑、延伸至私人無邊泳池，或退入岩體。面積與關鍵特徵緊鄰名稱，讓訪客不離開視覺敘事也能完成初步篩選。
真實上線時，每個選項應進入獨立房型頁，包含圖集、平面、入住人數、政策與即時房況，同時服務仍在想像旅程的人和已經準備查價的人。
UX 原則：縮短比較時間，但不壓平情緒。
03 · 標誌性體驗
「The Drop」讓一座泳池成為可記憶的品牌資產。
概念沒有簡單稱它為無邊泳池，而是命名為 The Drop。27 公尺海水池、晨間加溫與 89 公尺懸崖高度，把常見設施變成訪客能夠記住並轉述的精確故事。
它也成為內容樞紐：泳池短片、清晨泳程、住宿套裝與社群內容都能回到同一名稱。網站不只展示設施，還在建立品牌日後可持續使用的語言。
內容原則：為旅客願意複述的體驗命名。
04 · 創造需求的內容
餐飲被寫成一個有時間感的瞬間，而不是菜單清單。
「七道菜，一次日落」用節奏鮮明的一句話定義晚餐。主廚席時間、岩洞酒窖與訂位操作補充事實；日落負責情緒，微文案負責決策。
真實版本應連接季節菜單、席位日曆、飲食需求與住宿套裝，並持續保持具體：什麼會變化、哪些座位有限、哪個時刻成就體驗。
轉換原則：先給出具體理由，再邀請預訂。
05 · 目的地敘事
旅程不會在房門口結束。
房間是被購買的產品，目的地才是人們遠行的理由。AERIE 用橫向路線串聯晨間滑翔傘、鐵索攀登與海蝕洞獨木舟，把「漂亮住宿」擴展為「只能在這裡發生的一段旅程」。
真實產品需要為每項活動補充時間、難度、安全要求、年齡限制、季節安排，以及在訂房前後把活動加入行程的機制。
品牌原則：銷售抵達這裡的理由，而不只是睡覺的地方。
06 · 轉換架構
預訂足夠明確，卻不打斷故事。
頁尾把抵達、離開、人數與查房集中在一條線上。訪客已經歷房間、水面、餐飲與旅程，完整表單因此像自然的下一步，而不是插入敘事的催促。
真實系統需要同步房價與庫存、保留旅客選擇、儘早揭露總價並妥善處理滿房狀態。若隱藏費用或要求重複輸入，再美的流程也會耗盡前文建立的信任。
商業原則：當願望已經形成，就儘可能減少摩擦。
07 · 設計語言
兩種字體節奏，一條地平線。
輕盈且寬字距的無襯線體承載資訊，斜體編輯襯線體承載情緒。石灰色與深海藍構成底色，讓攝影中的晨光成為唯一暖色。系統不再裝飾一個本就足夠有力量的地貌。
- 01
地平線就是網格
分隔線、標題與章節過渡共享水平基準，讓頁面在陡峭岩壁之間保持平靜。
- 02
明亮用於選擇，深色用於沉浸
淺色表面幫助比較，深海色面板承載需要氛圍、專注與轉換的時刻。
- 03
每句話都有任務
短文案必須完成一件事：定位地點、區分產品，或把旅客帶向下一項決定。
概念色盤
#f0f1ef
#e7ebec
#213544
#102431
#0a1b26
取自開闊海面、石灰岩與日出前時刻的冷中性色、礦物藍與深海色。
08 · 上線路徑
從視覺概念到真正能夠銷售房間的度假村網站。
視覺指導只是第一層。真實版本還要把敘事連接到即時庫存、內容營運、效能與數據衡量，同時保留 AERIE 的從容節奏。
- 01
即時價格與房況
串接 PMS 或預訂引擎，同步房型、套裝、政策與售罄狀態，避免把旅客帶入完全陌生的介面。
- 02
面向營運團隊的 CMS
讓團隊無需每次發布程式碼，就能更新季節、菜單、活動、優惠與多語內容。
- 03
適應網路條件的效能
按螢幕提供響應式圖像與影片，優先載入首屏、延後其餘內容，並保護行動網路下的 Core Web Vitals。
- 04
衡量與可及性
衡量從房型瀏覽到查價的路徑，同時確保對比度、鍵盤操作、替代文字與表單狀態可靠。
09 · 常見問題
關於 AERIE 與高端度假村網站。
- AERIE 是為哪類旅客設計的？
- 先選目的地、再選房型的高端旅客。因此頁面先給出景觀與場所承諾，再導向房型與直接預訂。
- AERIE 這樣的概念與視覺稿有何不同？
- 概念包含定位、資訊架構、使用者旅程、轉換邏輯與營運方向；視覺稿只是這些決策看得見的表達。
- AERIE 可以開發成真實網站嗎？
- 可以。其視覺與頁面系統可轉化為響應式模板、多語 CMS 和連接 PMS 的預訂流程，再依真實物業調整內容、庫存與營運要求。
- 度假村網站如何獲得更好的自然搜尋表現？
- 需要有用的房型與體驗頁面、可靠的目的地內容、結構化資料、最佳化媒體、良好速度、清晰內鏈，以及一致的地點、價格、政策與房況資訊。
更多旅宿概念
