Energy Manager System

以模組化思維建構 EMS 系統架構,轉化複雜數據為可視化,實現企業級能源管理優化。

Year

2025

Type

Dashboard

Logic

可擴充架構

Focus

數據可視化

Energy Manager System

以模組化思維建構 EMS 系統架構,轉化複雜數據為可視化,實現企業級能源管理優化。

Year

2025

Type

Dashboard

Logic

可擴充架構

Focus

數據可視化

Energy Manager System

以模組化思維建構 EMS 系統架構,轉化複雜數據為可視化,實現企業級能源管理優化。

Year

2025

Type

Dashboard

Logic

可擴充架構

Focus

數據可視化

Project Context & Challenges

背景與挑戰

本專案為工商場域使用的能源管理系統(EMS),協助使用者監控用電、管理儲能排程,並支援需量反應與節能分析,並規劃 MVP 功能與開發優先順序。

目標使用者

以非技術背景的管理階層為主要對象,重視整體用電狀態、成本影響與決策效率。

設計挑戰

系統需整合多設備與多來源數據,在有限畫面中清楚呈現關鍵資訊,同時避免資訊過載。

設計目標

透過清楚的資訊分層與視覺化設計,使用者快速判讀狀態,並為未來功能擴充保留彈性。

Information Architechure

資訊架構

以「可擴充的系統結構」為核心思考,透過模組化方式拆解系統,確保第一階段能穩定上線,同時為後續功能保留彈性。

An image of Freelio's project ui

在專案初期,先行整理系統的基本功能與資訊架構,作為後續設計與開發的共同基礎。

透過清楚的結構規劃,讓開發團隊能快速理解系統範圍與模組關係,同時也確保使用者在操作時能循著一致且直覺的流程使用各項功能。

An image of Freelio's project ui
帳號權限控管

基於使用者職能定義權限分級,確保設備用電安全。

數據圖表互動

為了讓使用者快速理解關鍵數據,圖表Hover顯示提示數據。

時間導向系統邏輯

整合即時監控、歷史與未來排程,確保系統操作確符合電力調度實際情境。

擴充性架構規劃

使用彈性的框架元件,預留設備接入與 AI 模組擴充空間,避免更動核心架構。

Core Structure

功能介面

系統的主要功能介面,使用者可有效掌握系統狀態、執行操作,並進行後續分析與決策。

戰情總覽

即時以圖表呈現數據,協助使用者快速掌握當下用電與設備狀態。

設備資訊

集中管理各設備狀態與關鍵數據,歷史記錄電力使用量。

排程管理

透過排程設定進行充放電控制,支援節能策略與用電調度。

數據分析

以視覺化方式呈現歷史數據與趨勢,輔助成效評估與決策判斷。

異常通知

建立分級通知,監測保護機制,確保問題能被即時發現與處理。

An image of Dreelio's dashboard
An image of Freelio's project ui

Key Feature – Scheduling

核心功能:排程管理

排程管理作為系統的核心功能,主要協助使用者在不需即時介入的情況下,完成能源充放電的基本調度。

模組化設計,在滿足現階段方案需求的同時,也保留電力方案未來擴充彈性,確保功能能隨使用情境逐步成長。

邏輯驗證

排程重複

即時校驗機制,在設定階段自動偵測時間段重疊或重複指令,避免設備運行衝突,確保調度安全性。

數據生命週期

定義「前後半年」的動態顯示。當排程被刪除時,將歷史執行紀錄與未來排程分離,同時更新當前系統排程列表。

分色管理

透過顏色區分不同方案,並定義「過去」為檢視狀態。利用視覺提示引導使用者區分「可操作項」與「檢視歷史」。

Information Interfaces

資訊介面

頁面以資訊檢視為核心,協助使用者進行監控、分析與設定,而非直接介入系統行為調整。

戰情總覽

即時顯示各設備電力狀態、異常訊號集中呈現,快速判斷目前運行狀況與優先處理事項。

An image of Freelio's project ui
設備資訊

整合各設備的即時狀態與基礎資料,清楚呈現運行狀況、連線情形與歷史紀錄,方便追蹤與管理。

下圖以「儲能電池櫃」為例,依據各設備不同功能,顯示重要資訊。

An image of Freelio's project ui
數據分析

透過視覺化圖表解析系統數據趨勢,協助理解變化脈絡,作為優化決策與後續行動的依據。隨方案更新隨時更新數據分系類型。

下圖以「用電分析」為例,數據畫呈現用電比例,讓使用者參考並進行修正。

An image of Freelio's project ui
異常通知

異常通知依據危急程度分為四大階級,讓使用者得分辨異常程度,進行修正。

將未處理事件依類別彙整,讓使用者能快速掌握各類事件的數量。

An image of Freelio's project ui

Remi Li / UI UX Designer

Project Context & Challenges

背景與挑戰

本專案為工商場域使用的能源管理系統(EMS),協助使用者監控用電、管理儲能排程,並支援需量反應與節能分析,並規劃 MVP 功能與開發優先順序。

目標使用者

以非技術背景的管理階層為主要對象,重視整體用電狀態、成本影響與決策效率。

設計挑戰

系統需整合多設備與多來源數據,在有限畫面中清楚呈現關鍵資訊,同時避免資訊過載。

設計目標

透過清楚的資訊分層與視覺化設計,使用者快速判讀狀態,並為未來功能擴充保留彈性。

Information Architechure

資訊架構

以「可擴充的系統結構」為核心思考,透過模組化方式拆解系統,確保第一階段能穩定上線,同時為後續功能保留彈性。

An image of Freelio's project ui

在專案初期,先行整理系統的基本功能與資訊架構,作為後續設計與開發的共同基礎。

透過清楚的結構規劃,讓開發團隊能快速理解系統範圍與模組關係,同時也確保使用者在操作時能循著一致且直覺的流程使用各項功能。

An image of Freelio's project ui
帳號權限控管

基於使用者職能定義權限分級,確保設備用電安全。

數據圖表互動

為了讓使用者快速理解關鍵數據,圖表Hover顯示提示數據。

時間導向系統邏輯

整合即時監控、歷史與未來排程,確保系統操作確符合電力調度實際情境。

擴充性架構規劃

使用彈性的框架元件,預留設備接入與 AI 模組擴充空間,避免更動核心架構。

Core Structure

功能介面

系統的主要功能介面,使用者可有效掌握系統狀態、執行操作,並進行後續分析與決策。

戰情總覽

即時以圖表呈現數據,協助使用者快速掌握當下用電與設備狀態。

設備資訊

集中管理各設備狀態與關鍵數據,歷史記錄電力使用量。

排程管理

透過排程設定進行充放電控制,支援節能策略與用電調度。

數據分析

以視覺化方式呈現歷史數據與趨勢,輔助成效評估與決策判斷。

異常通知

建立分級通知,監測保護機制,確保問題能被即時發現與處理。

An image of Dreelio's dashboard
An image of Freelio's project ui

Key Feature – Scheduling

核心功能:排程管理

排程管理作為系統的核心功能,主要協助使用者在不需即時介入的情況下,完成能源充放電的基本調度。

模組化設計,在滿足現階段方案需求的同時,也保留電力方案未來擴充彈性,確保功能能隨使用情境逐步成長。

邏輯驗證

排程重複

即時校驗機制,在設定階段自動偵測時間段重疊或重複指令,避免設備運行衝突,確保調度安全性。

數據生命週期

定義「前後半年」的動態顯示。當排程被刪除時,將歷史執行紀錄與未來排程分離,同時更新當前系統排程列表。

分色管理

透過顏色區分不同方案,並定義「過去」為檢視狀態。利用視覺提示引導使用者區分「可操作項」與「檢視歷史」。

Information Interfaces

資訊介面

頁面以資訊檢視為核心,協助使用者進行監控、分析與設定,而非直接介入系統行為調整。

戰情總覽

即時顯示各設備電力狀態、異常訊號集中呈現,快速判斷目前運行狀況與優先處理事項。

An image of Freelio's project ui
設備資訊

整合各設備的即時狀態與基礎資料,清楚呈現運行狀況、連線情形與歷史紀錄,方便追蹤與管理。

下圖以「儲能電池櫃」為例,依據各設備不同功能,顯示重要資訊。

An image of Freelio's project ui
數據分析

透過視覺化圖表解析系統數據趨勢,協助理解變化脈絡,作為優化決策與後續行動的依據。隨方案更新隨時更新數據分系類型。

下圖以「用電分析」為例,數據畫呈現用電比例,讓使用者參考並進行修正。

An image of Freelio's project ui
異常通知

異常通知依據危急程度分為四大階級,讓使用者得分辨異常程度,進行修正。

將未處理事件依類別彙整,讓使用者能快速掌握各類事件的數量。

An image of Freelio's project ui

Remi Li / UI UX Designer

Project Context & Challenges

背景與挑戰

本專案為工商場域使用的能源管理系統(EMS),協助使用者監控用電、管理儲能排程,並支援需量反應與節能分析,並規劃 MVP 功能與開發優先順序。

目標使用者

以非技術背景的管理階層為主要對象,重視整體用電狀態、成本影響與決策效率。

設計挑戰

系統需整合多設備與多來源數據,在有限畫面中清楚呈現關鍵資訊,同時避免資訊過載。

設計目標

透過清楚的資訊分層與視覺化設計,使用者快速判讀狀態,並為未來功能擴充保留彈性。

Information Architechure

資訊架構

以「可擴充的系統結構」為核心思考,透過模組化方式拆解系統,確保第一階段能穩定上線,同時為後續功能保留彈性。

An image of Freelio's project ui

在專案初期,先行整理系統的基本功能與資訊架構,作為後續設計與開發的共同基礎。

透過清楚的結構規劃,讓開發團隊能快速理解系統範圍與模組關係,同時也確保使用者在操作時能循著一致且直覺的流程使用各項功能。

An image of Freelio's project ui
帳號權限控管

基於使用者職能定義權限分級,確保設備用電安全。

數據圖表互動

為了讓使用者快速理解關鍵數據,圖表Hover顯示提示數據。

時間導向系統邏輯

整合即時監控、歷史與未來排程,確保系統操作確符合電力調度實際情境。

擴充性架構規劃

使用彈性的框架元件,預留設備接入與 AI 模組擴充空間,避免更動核心架構。

Core Structure

功能介面

系統的主要功能介面,使用者可有效掌握系統狀態、執行操作,並進行後續分析與決策。

戰情總覽

即時以圖表呈現數據,協助使用者快速掌握當下用電與設備狀態。

設備資訊

集中管理各設備狀態與關鍵數據,歷史記錄電力使用量。

排程管理

透過排程設定進行充放電控制,支援節能策略與用電調度。

數據分析

以視覺化方式呈現歷史數據與趨勢,輔助成效評估與決策判斷。

異常通知

建立分級通知,監測保護機制,確保問題能被即時發現與處理。

An image of Dreelio's dashboard
An image of Freelio's project ui

Key Feature – Scheduling

核心功能:排程管理

排程管理作為系統的核心功能,主要協助使用者在不需即時介入的情況下,完成能源充放電的基本調度。

模組化設計,在滿足現階段方案需求的同時,也保留電力方案未來擴充彈性,確保功能能隨使用情境逐步成長。

邏輯驗證

排程重複

即時校驗機制,在設定階段自動偵測時間段重疊或重複指令,避免設備運行衝突,確保調度安全性。

數據生命週期

定義「前後半年」的動態顯示。當排程被刪除時,將歷史執行紀錄與未來排程分離,同時更新當前系統排程列表。

分色管理

透過顏色區分不同方案,並定義「過去」為檢視狀態。利用視覺提示引導使用者區分「可操作項」與「檢視歷史」。

Information Interfaces

資訊介面

頁面以資訊檢視為核心,協助使用者進行監控、分析與設定,而非直接介入系統行為調整。

戰情總覽

即時顯示各設備電力狀態、異常訊號集中呈現,快速判斷目前運行狀況與優先處理事項。

An image of Freelio's project ui
設備資訊

整合各設備的即時狀態與基礎資料,清楚呈現運行狀況、連線情形與歷史紀錄,方便追蹤與管理。

下圖以「儲能電池櫃」為例,依據各設備不同功能,顯示重要資訊。

An image of Freelio's project ui
數據分析

透過視覺化圖表解析系統數據趨勢,協助理解變化脈絡,作為優化決策與後續行動的依據。隨方案更新隨時更新數據分系類型。

下圖以「用電分析」為例,數據畫呈現用電比例,讓使用者參考並進行修正。

An image of Freelio's project ui
異常通知

異常通知依據危急程度分為四大階級,讓使用者得分辨異常程度,進行修正。

將未處理事件依類別彙整,讓使用者能快速掌握各類事件的數量。

An image of Freelio's project ui

Remi Li / UI UX Designer