DIGITAL PLATFORM / CASE STUDY ← BACK TO PROJECTS
台灣電力公司

數位人才培育平台 |2021–2023

建置台電數位人才培育平台, 完整涵蓋 UX/UI、視覺設計、前端介面、 後端系統、資料庫與 API 整合, 將平台需求轉化為實際可操作的數位服務與完整系統功能。 從會員、活動、創新提案、學習資源, 到互動服務、資料管理及後台管理, 建立完整的平台服務架構, 並持續提供後續功能優化與系統維運。

Digital Platform UX/UI Design Visual Design RWD Front-end Back-end Database API CMS Maintenance

Historical Project|2021–2023 本案服務期間為 2021–2023 年,完整執行 UI/UX、視覺設計、前後端開發、資料庫、API 及系統服務。

PROJECT OVERVIEW

從 UI/UX 設計到前後端系統開發,
完整建置數位人才培育平台。

本案從平台 UI/UX 與視覺設計開始, 延伸至前端介面、後端系統、資料庫及 API 開發, 完整負責數位人才培育平台的設計與系統建置, 將需求轉化為實際可操作的數位服務。

平台涵蓋會員、活動報名、創新提案、 學習資源、成果展示及多項互動服務, 並整合登入、報名、投稿、留言、 按讚、收藏、積分及 QR Code 報到等功能。

系統同時建立後台管理機制, 支援會員、活動、提案、學習資源、 權限及資料統計等管理需求, 並透過資料庫與 API 完成前後台資料整合。

2022 年持續進行平台功能優化與擴充, 2023 年提供系統維運服務, 持續支援平台運作、功能調整及資安檢測需求。

PROJECT CHALLENGE

多元服務與複合型功能,
需要整合成一致的數位平台體驗。

平台同時包含會員、活動、創新提案、 學習資源、成果展示及互動服務, 涵蓋不同類型的使用情境與資料流程。

從使用者介面、操作流程, 到前端互動、後端邏輯、資料庫及 API, 需要建立完整且相互串接的系統架構。

後台亦需支援會員、活動、提案、 學習資源、權限與資料統計, 讓前台服務與管理端資料能夠完整整合。

01 Multiple Services

會員、活動、學習、提案及成果等多元服務整合。

02 User Experience

不同服務維持一致的介面、流程與操作邏輯。

03 Full-stack Development

從前端介面到後端系統與資料庫完整串接。

04 Data & API

整合會員、活動、提案及互動等多元資料。

05 Continuous Development

建置完成後持續進行功能擴充、優化與系統維運。

UX/UI & FULL-STACK SYSTEM DEVELOPMENT

從介面設計到系統開發,
完整串聯設計、技術與資料。

以 UI/UX 與視覺設計建立平台使用體驗, 並延伸至 RWD 前端、後端系統、 資料庫及 API 整合, 完整完成平台從設計到實際運作的系統建置。

01

UX/UI DESIGN

介面與使用流程

規劃平台頁面架構、 使用流程、資訊層級與 UI 元件, 建立一致且易於使用的操作體驗。

02

VISUAL DESIGN

視覺與 UI 系統

建立平台整體視覺風格、 色彩、版型與介面元件, 並延伸至不同功能模組。

03

FRONT-END

前端介面開發

將 UI/UX 設計轉化為實際前端介面, 完成 RWD 響應式頁面、互動元件 及前台服務功能。

04

BACK-END

後端系統開發

開發會員、活動、提案、 互動及後台管理等系統功能, 建立完整的系統邏輯與服務流程。

05

DATABASE & API

資料庫與 API 整合

建立資料庫與資料管理機制, 並進行 API、會員登入及外部服務整合, 串聯前台與後台資料。

06

SYSTEM MAINTENANCE

系統優化與維運

建置完成後持續進行功能優化、 系統調整及維運支援, 並配合資安檢測需求進行系統調整。

PLATFORM FEATURES

從會員、活動到創新提案,
建立完整的數位服務與管理系統。

平台整合會員服務、活動管理、 創新提案、學習資源、成果展示、 互動服務及後台管理, 將多元服務集中於完整的數位平台。

PLATFORM COVERAGE

Member → Event → Innovation → Learning → Interaction → Data → CMS → API → Maintenance

01
MEMBER & INTERACTION|會員與互動

人資 API/SSO、會員註冊登入、收藏、報名、提案、積分、留言、按讚及「我想加入」。

02
EVENT MANAGEMENT|活動服務

活動資訊、線上報名、報名人數上限、滿意度調查及 QR Code 報到。

03
INNOVATION|創新提案

線上提案、TAG 標籤、提案留言、按讚、收藏及提案管理。

04
LEARNING & RESOURCES|學習與成果

活動教材、數據學習資源、外部學習連結、許願池及成果展示。

05
DATA VISUALIZATION|數據應用

數據應用成果儀表板及專案成果展示/數據名人牆。

06
BACK-END MANAGEMENT|後台管理

CMS、會員、活動、提案、學習資源及權限管理。

07
DATA & REPORTING|資料統計

提供會員積分、報名、收藏、互動及活動資料統計與 XLS 匯出。

08
SYSTEM SECURITY|系統安全

配合弱點掃描及資安檢測要求進行系統調整與維護。

PROJECT OUTCOME

從設計、開發到資料整合,
完整完成數位人才培育平台建置。

本案完整涵蓋 UX/UI、視覺設計、 前端、後端、資料庫與 API 開發, 將平台需求轉化為可實際運作的數位服務系統。 透過完整的前後端架構與資料整合, 建立會員、活動、創新提案、 學習資源、互動及後台管理等功能, 並於後續持續進行功能擴充、系統優化與維運。

01 / UX/UI Design |規劃平台介面架構、使用流程與操作體驗 02 / Visual Design |建立平台整體視覺風格與 UI 元件 03 / Front-end |完成 RWD 前端介面與互動功能 04 / Back-end |完成會員、活動、提案及後台管理功能 05 / Database & API |完成資料庫建置、資料整合與 API 串接 06 / System Maintenance |2022–2023 持續進行功能優化、系統調整與維運
← BACK TO PROJECTS
PROJECT 15 / 15 DIGITAL PLATFORM CASE STUDY