
「駕駛中心」是 Autopass 整合車主生態系的關鍵產品。目標是將過往以「車牌」為主的管理模式,轉化為以「人(車主)」為主體的身份識別,藉此串聯起車主所有的移動日常與多元服務。
在首個最小可行性版本(MVP)中,除了建立全新的品牌識別,我們選擇以「點數折抵」作為與車主互動的早期接觸點。透過與加油站業者合作,重新設計自有加油繳費機的軟體介面,車主在付款時只需驗證 Autopass 身份,即可直接折抵合作平台的點數。首波成功整合國泰「小樹點」與全家「FamiPoint」,將點數轉化為實際的加油折抵金,創造更有感的點數應用場景。
Product
Autopass
Platform
Web
Timeline
2024.12 - 2025.01
My Role
UX / UI / Branding
品牌設計
符號
服務 Icon 圖示構思取自駕駛者「從駕駛座向前望去」的空間視角,將此視覺抽象化為設計線條, 利用曲線框出視野,並結合了後照鏡與控制主體(以圓點象徵方向盤),建構駕駛中心的想像。

色彩與質地
設計上延續了 Autopass 官網既有的視覺元素,包含金屬質感、光感線條與環境反射。並添入「快速通」的橘紅色意象,透過從深黑色到橘紅色的漸層穿透,建立起整個品牌的視覺感受。



品牌標誌
最後與色彩品牌 Icon 結合的視覺設計。

UI 設計
主頁
輸入信箱繼續完成註冊註冊。(此版本技術上還無法將註冊與登入合併在同一輸入框內繼續流程。)
註冊
需完成信箱 → 手機 → 密碼設定完成註冊。




註冊/登入成功
連結點數
進入服務主頁,先「開始綁定」點數,需先同意條款,前往綁定跳轉至對方平台綁定流程,完成後,返回主頁,並會看見顯示 QR Code,即可於自助加油機掃描折抵。



品牌 Icon 動畫設計
在服務主頁,等待折抵折抵時,Icon 會以動態呈現。

