網站 · 設計概念
以酒店預訂為題的設計研究,展示客房瀏覽、手機選房及預訂摘要,並附上建議配色及介面狀態。
以下為設計概念,並非客戶項目。畫面屬靜態示意,名稱及數據均為虛構。
酒店網站既要呈現住宿氣氛,也要讓客人容易找到預訂資料。這個概念以照片帶出環境,再用較集中的手機畫面處理選房和核對資料。
網站以大型客房照片介紹酒店,同時提供日期選擇及精選客房,讓客人瀏覽時開始規劃行程。
手機選房畫面將照片、房名、簡介和每晚房價放在同一組,方便逐間比較。
摘要集中顯示已選客房、日期及費用明細,供客人在決定預訂前核對。
標題及大型照片負責介紹住宿環境。預訂欄位採用簡單字體,以橄欖綠標示操作,保持用途清楚。
摘要再次列出客房及日期。客人可以直接核對,不必回想剛才選了甚麼。
以下是建議的設計樣式,屬靜態示例,並非可操作的功能或正式開發規格。
暖色背景
#F7F4EC
預訂操作
#454D2D
主要文字
#26291F
資料清楚,下一步自然明確。
建議以襯線標題介紹酒店,房價、日期及操作則使用無襯線字體。預訂資料應先顧及可讀性,不沿用裝飾性的字體處理。
主照片四周保留較多空間,房名、房價和操作按鈕則靠近排列。手機版每間客房自成一組,避免資料混在一起。
沒有合適客房
這些日期沒有合適客房。請更改日期或入住人數。
已選擇客房
已選擇花園客房。繼續前請核對日期及房價。
日期有誤
退房日期須在入住日期之後。
客人可能比較過多間客房。摘要列出最後選擇、住宿日期及費用明細,讓他們在預訂前再核對一次。這個安排能否減少出錯,仍需以實際預訂任務測試。