?
Redesign Website Proposal 網
站
改
版
企
劃
書
Case study: 礁溪多愛溫泉會館 wen-yu wu
IDEA SPREAD
先來了解一下主角 . . . .
?
多愛是怎麼樣的會館？ 有麼特色或賣點？ 吸引什麼族群的人？ 網路評價又是如何？
案例背景介紹 第一印象
網站多 官方網站
1
訂房網站
2
官方網站
3
從Google搜尋 “多愛溫泉”的名稱 出現
三個
官方網站
點我看網站
1
2
3
案例背景介紹 消費族群
家庭
家庭旅客高於夫婦情侶
網路評價
中上
7.8/9 7.2/9 7.0/9
案例背景介紹 總結特色
滿意度比例 佔高分
7.8
公認
地點方便 靠近火車站
從500則評語中分析出 消費者共同滿意的部分
核心 特色
舒適程度 寬敞樓中樓格局、獨立溫泉澡池 裝潢風格多變、景觀很美
員工素質 服務親切熱誠、有效率
高性價比 價格平價、食物美味
舊版網站問題分析
要改版的理由是什麼？改善的目標有哪些？
點出缺點 如何改善
舊版問題分析-問題與解決方法 問題1：官方網站有兩個，訂房系統一個 兩個網站形象不同感受不到品牌識別的一致性 需要花三倍的時間認識一個旅館
解決：合併三個官網為一個
ANS
合併三個官方網站為一個，保留彼此網站的優點 增加訂房入口網站的旅客評語，使沒住過的人安心建立好的印象
問題2：網站為舊式動線(宜蘭民宿網設計) 過時的入口頁面，需要點擊按鈕才能進入官網首頁
解決：去掉入口頁面，讓user馬上進入首頁
舊版網站問題分析-問題與解決方法 問題3：首頁“線上訂房”連結不容易發現 缺乏考慮user需要使用線上訂房的即刻性
解決：讓“線上訂房”進入網站後五秒內就看得到 讓user一進入網站就能找到
問題4：首頁文字很多卻缺乏重點
解決：使文字更精簡有效的發揮功能 將文字簡化、放在有效宣傳的位置
舊版網站問題分析-問題與解決方法 問題5：網站視覺形象與旅館的特色有差距 5-1. 整體色彩：大量的深咖啡色有沈重感、華麗難親近的形象 與舒適超值、親和服務的特色有差距 5-2. 品牌logo：桃紅色及愛心讓人聯想到廉價motel的形象 兩個網站logo不一樣造成品牌識別困惑 5-3. 畫面排版結構：文字與圖片排太滿，太多資訊會使 視覺沒有焦點不易閱讀
解決：改善網站視覺形象與介面 5-1. 整體色彩：設計親和並明朗的網站形象 5-2. 品牌logo：提升logo質感並統一識別設計 5-3. 畫面排版結構：簡化圖文並使資訊分群，提升易讀性與操作性
總結改善目標
明朗視覺 顯示特色
內容分群 容易閱讀
優化動線 操作性能
UP
UP
UP
新網站架構示意圖
B.關於我們
C.客房介紹 A.首頁
D.公共設施
A01.旅客評語
E.線上訂房
F.交通資訊
C01.客房總覽
C02.客房內部
E01.訂房系統
新增架構
新網站形象識別-logo與色票 LogoVariations
PrimaryColor 主視覺色票
商標樣式
SecondaryColor 延伸系列色票
light
礁溪多愛溫泉會館
#C81638 #E27629
礁溪多愛溫泉會館
#B08B76 #534741
Jiaoxi Mineral Spring Resort
礁溪多愛溫泉會館
dark
新網站實體版面-首頁形象改善 優化動線與操作性 線上訂房按鈕能見度提高 右側導覽鈕可方便檢索
視覺明朗增加親和力 點我看版型
Logo仿徽章造型增加質感 白色背景與飽和色票增添活力
房型分群引導閱讀 客房人數依2、4、6人區分 客房種類依四色區分
新網站實體版面-內頁功能改善
旅客評鑑提升信任度 使沒住過的旅客安心 可點擊連結住宿口碑
房型價錢一目了然 顯示客房名稱、種類、 不同時段價錢及內部設備 右側導覽鈕可加速搜尋
新網站實體版面-訂房系統改善
內建訂房系統 四個步驟簡化訂房手續 (Ａ到G)的表單選擇後 (H)左區會顯示結果 以紅色代表重要按鈕與金額 幫助user辨識操作性
Thank you for your reading