top of page

#UI

✧ Role

✧ Date

✧ Tools

UI Design / App Design

2021

Figma. Zeplin. Illustrator

✧ Client

香港保經公司

公用版本的保險經紀人系統-前台App,使業務人員在跟客戶進行業務宣傳時能夠流暢介紹,並連動後台,直接用App就能進行簽約、保單變更並與CRM系統整合。

產品背景

為系統製作前台App,整合行政、業務需求,設計出客戶管理及保經銷售平台。
業務在外不須攜帶笨重的電腦,在一台手機上即可操作,增加流暢及方便性。

 

Iphone Mockup.jpg

​多樣的功能讓使用者在外更便利,無需使用電腦即可新增人員、查看業績、產品等等。

guide_edited.jpg

整體使用一致性高且可重複使用的元件。

介紹產品需搜尋時除有清楚的分類外,也可使用進階條件篩選產品。

問題及解決方案

行政及業務人員的使用系統往往混雜在一起,新進人員不易尋找需要的功能,常常會花費許多時間。
在設計此App時,依照登入帳號層級劃分功能,區分出行政與業務的差別,擁有各自的功能選項,使在操作業務時更加順暢,效率提升,並整合了從業人員所需要的行事曆、課程等等功能,皆可在手機上完成。

系統設計原則


1>APP整合
將舊有必須只能使用電腦操作的業務功能做整合,舊有的前台系統必須使用電腦版網站,然而與客戶溝通時的聯絡資訊細項等又時常存於手機中。
將多種業務行政功能整合至此APP,使使用者在內在外跑執行業務時不需要攜帶多種設備轉換即可輕鬆操作。

 

2>符合需求解決問題

在設計此APP時除了參考現有業務人員使用的網站外,也向行政業務人員進行需求訪談,接收到功能增加的需求,並將複雜的計算數據公式製作成簡易的計算模式,在外使用手機即可迅速完成數據計算,加快作業速度。

 

3>層級劃分

​將APP介面權限依照登入帳號進行劃分,最高權限使用者能看到所有介面功能,而業務及行政則依照公司業務分配的權限,在使用上的功能介面也會不同,減少視覺上的複雜度,也降低功能誤觸的可能性。

專案成果
 

透過不斷的測試、流程優化,將繁瑣的保經App做整合,使用者在操作上能更有效提升業務量,前後台整合將所有數據量化提供給管理人員,將公司系統整體一致性提高。

並依照各公司不同需求,設計所屬相關數據查詢頁面,使用上更便利。

bottom of page