EV Charging Station – UI Design

專案目標 Project Goal

針對5吋、7吋及21.5吋充電樁介面,設計UI畫面、UI Flow,在所有裝置尺寸上保持統一的風格和直覺操作的使用者體驗。

Designed UI for 5”, 7”, and 21.5” charger screens, maintaining a unified style and intuitive user experience across all device sizes through clear flowchart planning.

・面臨的挑戰 Challenges

  1. 多款UI尺寸介面風格不一,設計無標準化
    Multiple UI sizes with inconsistent styles and no standardized design.

  2. 缺乏設計系統,元件混亂無標準
    No design system, inconsistent UI components.

  3. 流程不直覺,操作易混亂
    Unclear user flow and misleading interactions.

・解決方案 Solutions

  1. UI模組化 Modular UI system

面對客製化與標準品的需求,統一設計版面模組化,加速 RD 開發時程。
Unified modular layouts to meet both custom and standard needs, speeding up RD development.

  1. 建立設計系統 Design System

建立統一的 UI 設計系統,規範 icon、字級、間距等元件,提升與 RD 的溝通效率。
Created a UI library with consistent icons, text styles, and spacing to improve clarity and developer handoff.

  1. 重新定義流程 Flowchart

優化使用流程與互動邏輯,釐清按鈕功能、補上文字標示。
Redesigned unclear screens by simplifying button functions, adding labels, and removing ambiguous icons to enhance usability and reduce confusion.

r.amigo1994@gmail.com

Designed & crafted by Kelly Wu · © 2025

r.amigo1994@gmail.com

Designed & crafted by Kelly Wu · © 2025