官網顧問與建置
翻轉深耕台灣
超過半世紀的南山集團
Development
UI/UX Design
BACKGROUND
我們重視客戶歷程，並在任何接觸點規劃良好且事宜的體驗設計，透過好的體驗提升使用意願、投保意願與品牌認同，翻轉官網在集團服務藍圖中的定位，達成多元賦能與強化品牌體驗的效果。
專案
目標
我們怎麼
做到的
子站定位
探訪現有平台，找出個站對集團數位服務中的價值定位，歸納出5種類型後規劃下一步。
多元
賦能
提升官網附加價值
不只滿足消費者需求，同時也協助業務與客服完成工作，引導客戶進步到全自助服務。
品牌
體驗
一致性視覺
規劃一致的品牌體驗，由南山人壽與南山產物官網先行，定義集團式的視覺與體驗，延伸至所有數位平台。
Why we design
How we design
為達成此目標我們總共執行了
面向
品牌探索
+1
子網站定位評估
深度訪談
+
頁面梳理
深入探索
我們怎麼做到的
專案成效
大
量化效益指標
%
投保意願
%
使用意願
%
品牌認同
大
質化效益指標
我們重視客戶歷程，並在任何接觸點規劃良好且事宜的體驗設計，透過好的體驗提升使用意願、投保意願與品牌認同，翻轉官網在集團服務藍圖中的定位，達成多元賦能與強化品牌體驗的效果。
服務
面向
保戶/非南山戶
改版前
找不到資訊問業務員/客服
改版後
快速找到不需再問別人
附加價值
陪伴者
陪你完成
業務員
改版前
錄影片或自己整理資訊給客戶
改版後
會分享給客戶介紹同事用
不用AP改用官網
附加價值
賦能者
讓你更好
客服人員
改版前
客戶即使教過了下次也會忘記
改版後
對客戶好對業務更好
手把手引導客戶一次簡單上手
附加價值
陪伴者
陪你完成
自助
服務
優質的數位服務，有利於將客戶引導往全自助服務
體驗
一致
南山人壽、產物在共有同一批業務員，客戶也是高度重疊，透過垮渠道一致性設計，整合視覺、流程、服務，打造一致的品牌體驗，當同時瀏覽兩站時，能降低學習成本，並無縫接軌。
執行亮點
集團宏觀的視角，加入設計思維，創造更全面的策略佈局
01
數位定位
02
設計驗證
03
設計執行
數位定位
透過18+1個子網站訪談
探討各子站對官網的價值定位
價值定位
架構洞察
整合評估
子站與官網整合
整併至官網
針對廣泛保戶公開的內容，於官網做內容整合。
保險內容型
具獨立存在必要性
因服務特定族群或是因為內外部政策，具有單獨存在必要性的類型，在優化官網時也規劃引流或導流的方式為各子站
自主服務型
深度經營型 & 內部系統型
獨立留存
設計驗證
透過反覆驗證修改設計
迭代出明確可行的解決方案
需求探索
解決方案
迭代驗證
多面向易用性測試
實現「多元賦能」的目標
消費者
最主要的服務對象
業務員
最一開始的接觸者
客服人員
最后一道服務服線
受測過程中採用「放聲思考」要求受測者將過程中的感受持續講出來，幫助團隊掌握受測者心理。
放聲思考
要求受測者在執行任務時，將他們的思維過程以口頭形式表達出來。以更直接地了解使用者在執行任務時的感受、困惑或期望，發現潛在的設計問題，並為設計團隊提供改進的方向。
觀察記錄表
詳細記錄用戶操作行為、反應與互動，幫助我們深入分析使用者體驗中的問題與可優化之處。
Youtube 側錄直播
實時記錄用戶測試過程，並通過直播形式分享，提供更真實、直觀的使用者行為洞察。
透過SUS量化改版差異，驗證優化成果
分
許
陳
彭
林
分
許
陳
彭
鄭
*林姓業務員未參與二次訪談
業務員 真實聲音
資訊很容易找
找到後內容引導佳
分
杜
黃
蔡
黃
專員
分
杜
黃
蔡
黃
客服人員 真實聲音
不只客戶好對業務更好
就算客戶不會用手把手引導一次簡單上手
分
南山保戶
非南山保戶
客服人員 真實聲音
不只客戶好對業務更好
就算客戶不會用手把手引導一次簡單上手
設計執行
透過識別重塑
發展跨集團一致體驗設計
視覺轉化
品牌體驗
降低學習成本
識別重塑
數位平台識別理念的定義
企業品牌
企業形象
現況分析
未來藍圖
數位體驗主打年輕世代、數位原生族群
識別延續
以南山全新的識別作為基礎，延伸一套專用於數位平台的設計系統，建立統一的品牌調性，為南山集團定義數位平台的數位識別。
承接南山 60 週年全新識別
將品牌形象結合年輕化，進行視覺轉化。以趣味且活潑的為核心，透過線與型勾勒出品牌個性。
從中萃取新識別特色
色彩萃取
以南山人壽主色調為主，抓取黃與綠作為輔色，沿襲光感特色，客製漸層呈現。
型的萃取
調性萃取
結合年輕化形象
觀察了許多競業對於較數位感的風格表現多數以插畫呈現，所以我們嘗試用插畫去貼合年輕化風格，再結合南山專業形象。
設計系統化，風格延續至各子站
利用原子化設計，向前規劃南山對於品牌定位與策略方向的視覺藍想像。
