top of page
DENG 後台
#UI
✧ Role
✧ Date
✧ Tools
UI Design / Interaction Design / Web Design
2021
Figma. Zeplin
✧ Client
香港保經公司
保險經紀人系統，依照各公司需求選擇模板套用。以大多數的保險經紀公司可以直接使用為出發點，讓Web以及App都可以共用不需其他設定即可連動。與使用者及工程師溝通，做出適合各公司業務與主管的使用模式，減少個別客製化的時間與金錢成本。
產品背景
搜集客戶舊有系統的優缺點，構想新模組化系統該如何整合調整、改善及優化程式和設計。
站在使用者的角度思考，為保經系統提供更多價值。
登入後管理職能看見目前公司的業績營運以及人員相關狀態。
問題及解決方案
舊有電腦版的系統人員管理模式使用樹狀圖，因公司人員人數眾多在載入時眼花撩亂且載入緩慢、尋找組織與人員時不順，造成不好的使用者體驗。
在新版的系統中，依照性質不同提供對應管理介面，使用類資料夾的模式層層分類，人員依工作內容分別後以層級與直屬關係做排列，也可依照層級搜尋，讓使用者在使用上獲得更流暢的體驗。
系統設計原則
１>系統整合
以往保經系統將多種功能分開拆解成多個，整體設計及風格皆不一致，並有著功能重複卻不同步的問題存在，本次系統設計將舊有系統功能統整，一一精準篩選合併，讓使用者在操作各項功能時有一致的體驗。
２>易用性
保經系統使用者需快速操作業務內容，除了使用上必須是清晰直覺的，也確保相重要功能以他們習慣的方式作呈現，若有更新功能使用模式，必須確保其效率是有所提高的。
３>清楚明確的
系統上的資訊十分繁瑣且細節，多數數據不可省略，雖資訊量龐大，但在視覺上必須清楚且明確的呈現。
定義一個基本的設計系統來提高設計上的一致性。
1/3
所有相關後台設定皆使用簡單又直覺的模式，讓使用者可以迅速上手。
專案成果
從頭開始研究客戶舊有的保經系統網站，與PM、工程師討論，將雜亂的系統頁面一一做整合，設定網站 guideline，使其他客戶在購買此系統時能依照個別公司識別做專屬調整，或是後續的客製化修改。
bottom of page