參考其他支付 APP 設計
並優化使用邏輯

重點改進：重新配置底部導航功能與付款按鈕位置，讓使用者能直覺且快速地找到付款按鈕。同時優化文字顏色，提高整體辨識度。
設計變更：以訊息推播替代廣告橫幅，減少視覺干擾。
油價顯示優化：採用四個圓環分別顯示 92、95、98 號汽油和超級柴油，並放大字體以增加辨識度。
設計靈感：參考其他支付 APP，如全家便利商店和 7-11 的 OPENPOINT，吸取優秀設計元素。

參考其他支付 APP 設計並優化使用邏輯

重點改進：重新配置底部導航功能與付款按鈕位置，讓使用者能直覺且快速地找到付款按鈕。同時優化文字顏色，提高整體辨識度。
設計變更：以訊息推播替代廣告橫幅，減少視覺干擾。
油價顯示優化：採用四個圓環分別顯示 92、95、98 號汽油和超級柴油，並放大字體以增加辨識度。
設計靈感：參考其他支付 APP，如全家便利商店和 7-11 的 OPENPOINT，吸取優秀設計元素。

Solution

頁面調整及架構規劃
字形放大提高辨識度

Designer

Aston Design

Solution

頁面調整及架構規劃
字形放大提高辨識度

Designer

Aston Design

Solution

頁面調整及架構規劃
字形放大提高辨識度

Designer

Aston Design

將中油PAY首頁的油價顯示從單一圓環優化為四個圓環，分別代表常用的汽油品項。這四個圓環由左至右依序顯示92、95、98號汽油和超級柴油，同時加大字體並顯示價格。這樣的設計讓使用者能夠更快速地找到所需的汽油品項。

參考其他支付 APP 設計並優化使用邏輯

重點改進：重新配置底部導航功能與付款按鈕位置，讓使用者能直覺且快速地找到付款按鈕。同時優化文字顏色，提高整體辨識度。
設計變更：以訊息推播替代廣告橫幅，減少視覺干擾。
油價顯示優化：採用四個圓環分別顯示 92、95、98 號汽油和超級柴油，並放大字體以增加辨識度。
設計靈感：參考其他支付 APP，如全家便利商店和 7-11 的 OPENPOINT，吸取優秀設計元素。

底部導航欄常駐於頁面底部，使用者可即時切換至其他所需頁面。當前頁面的圖標會以聚焦狀態顯示。

信用卡支付功能已優化。當選擇使用中的信用卡時，該卡片會在中央放大顯示，增強辨識度，使用者可輕易識別目前使用的信用卡。

底部導航欄常駐於頁面底部，使用者可即時切換至其他所需頁面。當前頁面的圖標會以聚焦狀態顯示。

信用卡支付功能已優化。當選擇使用中的信用卡時，該卡片會在中央放大顯示，增強辨識度，使用者可輕易識別目前使用的信用卡。

底部導航欄常駐於頁面底部，使用者可即時切換至其他所需頁面。當前頁面的圖標會以聚焦狀態顯示。

信用卡支付功能已優化。當選擇使用中的信用卡時，該卡片會在中央放大顯示，增強辨識度，使用者可輕易識別目前使用的信用卡。

在側邊欄的會員專區中，我們將圖標顏色改為黑色，以增強使用者的視覺辨識度。

建立元件庫，便於設計時可隨時替換介面狀態。

參考其他支付 APP 設計並優化使用邏輯

重點改進：重新配置底部導航功能與付款按鈕位置，讓使用者能直覺且快速地找到付款按鈕。同時優化文字顏色，提高整體辨識度。

設計變更：以訊息推播替代廣告橫幅，減少視覺干擾。

油價顯示優化：採用四個圓環分別顯示 92、95、98 號汽油和超級柴油，並放大字體以增加辨識度。

設計靈感：參考其他支付 APP，如全家便利商店和 7-11 的 OPENPOINT，吸取優秀設計元素。