充電樁配件選配系統
EV Charger Accessory Configurator
專案背景
為 EV 充電樁品牌 Zerova 設計 B2B 配件選配系統，服務對象為企業採購客戶，負責從跨部門訪談到響應式介面設計流程。
產品項目
EV Charger
充電樁配件選配系統
負責內容
資訊架構設計
Wireframe A/B Test
UI/UX
使用工具
專案時程
2024.11-2025.04 (20週)
公司內部處理 BOM 表的人員，因操作時間成本高，且容易資料 Key 錯。為降低內部作業成本與錯誤率，決定開發選配器系統，將選配流程交由客戶自助完成，最終自動產出報價單與業務對接。
內部員工製作 BOM 表耗時
客戶不熟悉充電樁詳細規格（功率 / 配件選項）
首先訪談第一線「業務」同事，了解需求與期望功能；接著與「生管」單位確認 BOM 表的處理流程與限制，最後彙整資料後與 RD、PM 討論功能可行性與系統限制。
在進入設計之前，我主動訪談了業務、生管單位、RD 與 PM 四個角色，分別從商業需求、生產規則、技術限制與產品目標四個面向釐清問題的根源。這個過程讓我確認了選配功能的核心設計與挑戰：如何在使用者自由選配的同時，確保所有組合符合實際可出貨的條件。
How Might We?
設計過程
桌面研究
分析市場上「選配功能」介面為參考，以車類為主。
排版分佈
分析一般選配功能頁面的排版佈局方式，降低一般使用者認知負擔。
操作流程
大部分選配功能，僅能按步驟進行篩選，無法用點擊自動篩選可搭配產品。
設計思考
基於研究結果，我建立以下設計策略：
篩選條件
操作步驟需快速且簡單，因此採用非線性式篩選並擬定條件限制（如選 A 後則不能選 B 選項）。
視覺呈現
畫面呈現兩大區塊，因大多使用者以右手操作滑鼠，因此右邊區塊為篩選功能，左邊區塊為視覺呈現。
資訊分層
分為四大類別：類型(Type)、功率(Power)、外觀(Appearance)、加購選項(Options)。
與 RD 溝通後，在每個環節制定必須要有的功能設計。
在 Wireframe 階段，設計了兩種設計方向，與 RD 、 PM 討論後，針對資料結構與開發可行性，最後選擇右圖方案確保設計可實作落地。
網格系統
歷經業務、生管、RD 與 PM 四方訪談與設計討論後，最終產出一套跨裝置的充電樁配件選配系統。
互動原型 Prototype
介面依照必選與非必選配件規則，即時過濾無效組合，避免報價單出現無法出貨的品項。
設計交付文件
撰寫設計交付規範文件，說明交互效果，幫助工程理解設計意圖，減少開發落差。
設計成果
完成響應式介面設計與 Design Handoff 文件產出並交付 RD，RD 依據設計文件製作初步雛形，用於內部會議展示。
這次專案最讓我印象深刻的是與多方跨部門同事進行使用者訪談，讓我在這個專案中成為資訊整合與問題定義的角色。透過訪談業務、生管、RD 與 PM，我才更理解這個功能背後牽涉的產品銷售流程與技術限制，進而設計出符合各方需求的解決方案。
