線上投保網站
串接各家旅平險的綜合入口
Year
2023
Type
Responsive Web
Logic
串接各家平台
Focus
雙色ui設計
線上投保網站
串接各家旅平險的綜合入口
Year
2023
Type
Responsive Web
Logic
串接各家平台
Focus
雙色ui設計
Product Background
產品背景
線上投保網站提供線上快速。 無論是計劃一次跨國旅行還是在國內度假的旅平險或是幫愛車投保車險，透過此產品都為用戶提供全面的保障。 網站串接保險公司，輕鬆查看不同方案的保障範圍和費用並找到最適合保險方案，並立即完成投保流程。
產品目標
保險透明化
流程簡易化
智慧型網站
產品規劃
團隊採用MVP模式進行產品規劃，先依據網路投保最重要的投保流程開始設計，再一步步的完整整個網頁架構。
Dark mode / Light mode
訂主色調為「金色 #CCB578」並與暗色/淺色做搭配
Key Feature – Plan Selection
核心功能：方案選擇
作為元件迭代：增加比例類別，讓顧客可以參考購買的指標，取消百分比方式呈現，利用模糊的文字方式呈現
重新調整方案細項顯示方式，並增加顧客最在意的保障金額。
『AI智能推薦』增加篩選類別。
Selected Interface
介面節錄
接下來展示線上投保的核心流程，以及可瀏覽投保歷史的會員中心。
首頁
Dark Mode / Light Mode
投保流程
選定方案後，串接該保險公司流程，進行要/被保人投保動作。
會員中心
記錄會員資料、及保險並分類「待完成」「已完成」「保期中」「已結束」
Responsive Web Design
響應式設計
針對多元的使用情境，我完整規劃了全響應式佈局，並同步佈署深淺色模式。
Product Background
產品背景
線上投保網站提供線上快速。 無論是計劃一次跨國旅行還是在國內度假的旅平險或是幫愛車投保車險，透過此產品都為用戶提供全面的保障。 網站串接保險公司，輕鬆查看不同方案的保障範圍和費用並找到最適合保險方案，並立即完成投保流程。
產品目標
保險透明化
流程簡易化
智慧型網站
產品規劃
團隊採用MVP模式進行產品規劃，先依據網路投保最重要的投保流程開始設計，再一步步的完整整個網頁架構。
Dark mode / Light mode
訂主色調為「金色 #CCB578」並與暗色/淺色做搭配
Key Feature – Plan Selection
核心功能：方案選擇
作為元件迭代：增加比例類別，讓顧客可以參考購買的指標，取消百分比方式呈現，利用模糊的文字方式呈現
重新調整方案細項顯示方式，並增加顧客最在意的保障金額。
『AI智能推薦』增加篩選類別。
Selected Interface
介面節錄
接下來展示線上投保的核心流程，以及可瀏覽投保歷史的會員中心。
首頁
Dark Mode / Light Mode
投保流程
選定方案後，串接該保險公司流程，進行要/被保人投保動作。
會員中心
記錄會員資料、及保險並分類「待完成」「已完成」「保期中」「已結束」
Responsive Web Design
響應式設計
針對多元的使用情境，我完整規劃了全響應式佈局，並同步佈署深淺色模式。
Product Background
產品背景
線上投保網站提供線上快速。 無論是計劃一次跨國旅行還是在國內度假的旅平險或是幫愛車投保車險，透過此產品都為用戶提供全面的保障。 網站串接保險公司，輕鬆查看不同方案的保障範圍和費用並找到最適合保險方案，並立即完成投保流程。
產品目標
保險透明化
流程簡易化
智慧型網站
產品規劃
團隊採用MVP模式進行產品規劃，先依據網路投保最重要的投保流程開始設計，再一步步的完整整個網頁架構。
Dark mode / Light mode
訂主色調為「金色 #CCB578」並與暗色/淺色做搭配
Key Feature – Plan Selection
核心功能：方案選擇
作為元件迭代：增加比例類別，讓顧客可以參考購買的指標，取消百分比方式呈現，利用模糊的文字方式呈現
重新調整方案細項顯示方式，並增加顧客最在意的保障金額。
『AI智能推薦』增加篩選類別。
Selected Interface
介面節錄
接下來展示線上投保的核心流程，以及可瀏覽投保歷史的會員中心。
首頁
Dark Mode / Light Mode
投保流程
選定方案後，串接該保險公司流程，進行要/被保人投保動作。
會員中心
記錄會員資料、及保險並分類「待完成」「已完成」「保期中」「已結束」
Responsive Web Design
響應式設計
針對多元的使用情境，我完整規劃了全響應式佈局，並同步佈署深淺色模式。
