
隨著電動車市場成長,充電基礎設施的需求持續擴大。Autopass 洞察到充電場景與既有停車場站的高度重疊性,決定結合自有充電樁硬體與支付金流服務,推出「Pick N Charge」,作為品牌切入充電市場的第一步。
首版本應用於自有硬體與合作品牌充電樁,統一導入同一套充電付款體驗,透過預授權付款機制縮短支付流程,減少車主在充電過程中的操作摩擦。
Product
Autopass
Platform
Web
Timeline
2021.07 - 2021.10
My Role
UX / UI
既有市場產品
透過對既有充電服務的分析,發現車主在充電場景中面臨幾個常見問題:
實體卡片的束縛
部分傳統充電樁仍依賴實體感應卡(如:專屬大樓會員卡或悠遊卡電子票證),若車主忘記帶卡便無法啟動服務,缺乏數位化的替代方案。
繁瑣的啟動流程
充電營運商眾多,每個品牌都有專屬 App,用戶每更換場站品牌就需重複下載、註冊與綁卡。即使在同一個 App 內,傳統充電路徑仍包含多個操作步驟,流程斷點多,首次使用的門檻偏高。
無法追蹤充電狀態
用戶離開車位後難以即時掌握充電進度,充電異常中斷時也缺乏主動告知機制。
設計方向
輕量化入口
以輕量化網頁取代繁瑣的 App 下載與註冊流程,用戶掃描 QR Code 即可自動帶入充電樁資訊,大幅降低首次使用的門檻。
預授權與多元支付
導入預授權機制,系統先鎖定扣款額度,充電結束後依實際度數自動結算。結合信用卡與 LINE Pay 等多元支付,實現拔槍即走的無感支付體驗。
充電資訊追蹤
車主可透過網頁隨時查看當前充電功率、已充度數與預估完成時間,並整合 Email 與簡訊通知,針對充電開始、充電異常、充電完成提供即時反饋。
掃描 QR Code 啟動
用戶可透過掃描充電樁 QR Code 或從外部地圖連結直接進入,入口頁面顯示樁位編號、費率、功率及當前可充電狀態,確保用戶在啟動前掌握必要資訊。



引導操作教學
入口頁提供使用教學連結,透過步驟卡片與視覺配圖,引導用戶了解從預授權、插槍啟動到拔槍自動扣款的完整流程,降低首次使用的摸索成本。




預授權支付機制
點擊授權付款後跳轉至支付頁,系統採預授權機制暫時佔用信用卡額度,確保支付有效性。充電結束後再依實際用電度數自動結算扣款。
等待充電
付款成功後提示車主插入充電槍以啟動服務。若授權失敗,系統引導用戶返回重新授權。
充電連接
成功連接充電槍,開始充電。
追蹤充電狀態
系統在每個關鍵狀態發送 Email 通知(充電開始、即將完成、充電結束),讓用戶即使關閉網頁也能從信件連結返回查看充電資訊。



充電狀態 Email 通知
系統在每個關鍵狀態發送 Email 通知(充電開始、即將完成、充電結束),用戶即使關閉網頁也能從信件連結返回查看充電資訊,確保資訊不中斷。
充電達上限
若充電金額超過預授權額度,系統自動結束充電並寄出 Email 通知車主前往取車。
落地與驗證
產品首個版本已於 7 個場站正式上線並穩定運行,在實際使用場景中驗證了流程的可行性,確認預授權機制與輕量化網頁的方向是可行的。在視覺設計上,以既有品牌 Logo 為基礎,為 Pick N Charge 建立一套專屬的介面視覺風格。
作為 Autopass 進入充電市場的首個概念驗證專案,成功串聯自有充電樁硬體與支付金流服務,為品牌切入電動車市場提前鋪路,並為未來整合更多充電合作夥伴奠定基礎。





