機關資源回收貯存場管理資訊系統
參與機關資源回收貯存場管理資訊系統之數位服務， 依專案需求進行介面、操作流程與系統功能調整， 並透過持續維運與功能優化， 支援平台長期使用與後續服務。
OUR WORK & ARTIFACTS
Our Work &
Our Work &
Delivery Artifacts.
每個專案都是一次把問題整理清楚、把系統做得更可用的練習。 以下以真實交付範本與數位生態呈現我們如何將設計、技術與企業流程接在一起。
SELECTED WORKS
Selected Projects
Selected Projects
設計、技術與數位服務
從網站與數位形象，到企業系統與使用者體驗， 我們將設計、技術與實際需求整合，打造真正能運作的數位解決方案。
政府機關及學校節約能源填報平台
政府機關及學校能源管理相關資訊平台， 支援能源資料填報、資料管理及相關行政作業， 並配合年度業務需求持續進行系統維運、 功能擴充與優化。
油氣設施管理系統
承接既有油氣設施管理系統後續服務， 依實際業務需求持續進行系統維運、功能調整與資料管理支援， 並配合使用需求逐步擴充相關管理功能與作業流程。
產業綠色智慧技術資訊網
長期參與產業綠色智慧技術資訊平台相關服務， 依不同階段的專案需求，持續提供平台規劃、介面設計、 系統服務、功能擴充與使用體驗優化。。
加油站輔導宣傳資訊平台
持續參與加油站輔導宣傳資訊平台相關服務， 配合專案需求提供平台規劃、介面設計、系統服務、 功能擴充與使用體驗優化，支援平台持續運作與服務發展。
臺中市「青創夢想家計畫」 資訊網
參與臺中市「青創夢想家計畫」數位平台之規劃與建置， 整合計畫資訊、線上申請、競賽服務與資料管理， 建立清楚的資訊架構與數位服務流程， 並依計畫需求持續進行功能優化與平台維運。
新北食材登錄平台
本案為 2016–2020 年執行之歷史專案， 參與新北食材登錄平台之網站規劃、 UX/UI、視覺設計及網站開發等工作， 依據當時的服務需求與使用情境， 協助建立網站資訊架構、操作流程與數位服務體驗。
《我的創新DNA》實務應用創意競賽
參與「我的創新DNA」實務應用創意競賽數位平台的規劃與建置， 依據活動目標與不同參與角色需求， 規劃網站資訊架構、使用流程與視覺體驗， 並整合報名、資格審查、企業與學生媒合、競賽評分及內容管理等功能， 建立完整的競賽數位服務流程。
富邦金控電子採購系統UI/UX 設計
針對電子採購系統進行整體 UI/UX 規劃與介面設計， 涵蓋供應商申請、身分驗證、資料填寫、文件下載與上傳等核心操作流程， 並建立一致性的視覺與元件規範，提供後續系統開發與介面落地使用。
兆豐銀行 AMG 系統 UI/UX 設計
UX/UI、視覺與介面設計， 從使用流程、資訊架構到視覺呈現， 建立一致性的 Design System、Template 與元件規範， 並透過 RWD 與 HTML/CSS 完成前端畫面切版， 提供後續系統開發所需的完整介面設計基礎。
金融業｜智慧領航員創新服務平台
本專案為金融服務平台之 UI/UX 設計， 主要負責使用者介面與視覺設計， 從資訊架構、服務流程、版面規劃到視覺呈現， 建立一致性的 Design System 與介面設計規範。 同時依據不同裝置進行 RWD 響應式介面規劃， 並以 HTML/CSS 完成前端畫面切版， 建立後續系統整合所需的完整介面成果。
金融業｜MyData 系統前端介面UI/UX設計
針對金融業 MyData 系統進行 UX/UI、 視覺設計與前端介面製作， 從資訊架構、使用流程到視覺呈現， 建立一致性的 Design System、UI Template 與元件規範，並透過 RWD 與 HTML/CSS 完成前端畫面切版， 提供後續系統開發所需的完整介面設計基礎。
金融業｜金融創新服務 UI/UX 設計提案
將創新業務構想轉化為具體的數位服務體驗，透過 UX/UI 規劃、介面設計與 Prototype 製作，快速建立可供展示與討論的 DEMO，協助創新團隊將抽象的服務概念具體化，作為內部決策與後續服務發展的參考。
金融業｜商店自動化進件平台UI/UX設計
商店自動化進件平台為企業商店申請流程所設計的數位進件系統，從驗證、案件狀態、營業類別選擇、申請需求、資料填寫，到簽約文件下載與上傳，完整規劃使用者操作流程與介面體驗。
勞動部職業安全衛生署
防爆電氣暨危險區域劃分資訊網 UI/UX設計
針對既有「防爆電氣暨危險區域劃分資訊網」進行 UI/UX 改版， 重新整理網站資訊呈現與操作介面， 並建立首頁視覺與主要內頁 UI 設計， 同時完成 RWD 響應式前端切版， 讓網站在不同裝置上維持一致且清楚的資訊體驗。
勞動部職業安全衛生署
職業安全衛生管理資訊平台
因應網站功能與資訊架構調整，進行「績效認可網站」整體改版與名稱更新，重新規劃網站資訊架構、頁面版型及 UI 視覺設計，並完成 RWD 響應式介面設計與前端切版，建立一致且清晰的網站使用體驗。
經濟部產業發展署
REACH國際化學品政策宣導網 UI/UX設計
針對既有 REACH 國際化學品政策宣導網站進行整體改版，重新規劃網站導覽、資訊架構與頁面呈現方式，並進行首頁視覺及主要內容頁面的 UI/UX 設計，讓政策、法規與專題資訊更容易瀏覽與理解。
土地銀行署
線上取號服務網
線上取號服務的操作介面，從使用者取號流程出發，建立清楚且直覺的操作動線，並以一致的視覺風格延伸首頁與內頁，優化分行搜尋、業務選擇及取號操作體驗。
金融業｜Quickly 便利櫃檯 UI/UX
針對金融服務介面進行 UI/UX、視覺設計與美編， 依據實際使用情境整理操作介面、版型與視覺元素， 並完成 RWD 響應式介面與 HTML/CSS 前端切版， 建立一致且易於使用的數位介面設計。
金融業｜雲端銀行 UI/UX設計
本案以金融服務介面設計為核心，針對既有雲端銀行介面進行 UI/UX 與視覺設計優化， 重新整理頁面版型、資訊呈現、文字層級、色彩與 UI 元件， 建立一致的數位金融介面視覺風格。 同時依不同裝置尺寸進行 Responsive Design， 並將完成的設計轉化為 HTML/CSS 前端介面切版， 讓設計成果能提供後續開發使用。
經濟部水利署
耗水費徵收作業網 UI/UX設計
本案以耗水費徵收相關網站介面為設計對象， 由 Visual Design、UI/UX 與美編執行切入， 整理頁面版型、文字層級、色彩與介面元件， 建立清楚且一致的網站視覺風格。 同時依不同裝置尺寸進行 Responsive Design， 並完成 HTML5 / CSS 前端 UI 切版， 讓設計成果能提供後續系統整合使用。
臺灣集中保管結算所
外資開戶作業系統
針對外資開戶作業系統進行 UI/UX 與視覺介面設計， 整理系統頁面版型、操作元件與不同使用情境的介面呈現， 建立一致的視覺語言與 UI Template。 本案涵蓋登入、首頁、申請、列表、電子簽章及交易相關介面， 並針對欄位、按鈕、訊息與不同介面狀態進行設計， 同時完成 RWD 與 HTML/CSS 前端切版。
台灣人壽
車貸系統UI/UX設計
針對車貸系統進行 UI/UX 與視覺介面設計， 以清楚的頁面版型、資訊層級與一致的視覺呈現， 整理系統各類功能頁面的 UI 介面。 本案包含登入、首頁、列表、表單、訊息、 Popup、報表等介面設計， 並依不同畫面需求進行 Template 與 UI 元件設計， 同時完成 RWD 與 HTML/CSS 前端切版
土地銀行
數位存款線上開戶系統 UI/UX
針對土地銀行既有數位存款線上開戶系統進行整體介面優化， 從文字、色彩、視覺風格、版面與 UI/UX 重新規劃， 重新思考傳統金融系統的數位介面呈現方式。 在延續銀行品牌識別的基礎上， 跳脫既有系統較為制式的視覺風格， 重新建立更具現代感與數位感的首頁視覺與介面語言， 並將此風格延伸至完整線上開戶流程。
麥寮電廠
機台 Dashboard 模版界面設計
針對麥寮電廠機台監控情境進行 Dashboard UI/UX 設計規劃， 建立一致性的資訊架構、版面配置與操作模式， 提升監控資訊的辨識效率與使用操作體驗。 本案聚焦於 KPI、歷史訊息、異常資訊及 Popup 等主要使用情境， 透過共用 Dashboard 模板與 UI 元件規劃， 建立後續監控系統介面設計的基礎。
臺灣集中保管結算所
第三屆集保當代藝術賞 UI/UX 設計
本案負責第三屆集保當代藝術賞網站之 UI/UX 設計規劃， 從網站資訊架構、頁面流程到各功能介面進行完整規劃， 依不同內容與使用情境建立清楚的網站瀏覽與操作體驗。 針對獎項介紹、最新消息、線上報名及線上藝廊等主要內容， 進行頁面架構與 UI/UX 設計， 並配合不同裝置使用情境進行 RWD 響應式設計與前端切版。
勞動部職業安全衛生署
CSNN 化學物質登記管理平台 UI/UX設計
針對化學物質登記、公告查詢及憑證列印等核心功能 進行 UI/UX 規劃與介面優化，建立清晰一致的操作架構， 並以 RWD 響應式設計提升不同裝置上的使用體驗。 以使用者操作流程為核心，重新規劃資訊層級與功能介面， 建立一致的 UI 與互動規範， 並完成主要功能頁面之 RWD 響應式設計與前端切版。
台灣兒童過敏氣喘免疫及風濕病醫學會
企業形象網站建置
將既有學會資訊以英文網站架構重新整理， 透過清晰的資訊分類與響應式介面設計， 提升國際使用者瀏覽學會資訊、認識組織及查閱出版內容的便利性。 以英文網站架構為核心， 重新規劃學會組織、沿革、理監事及出版品等資訊， 建立一致的頁面版型、資訊層級與導覽邏輯， 並以 RWD 響應式設計支援不同裝置的瀏覽體驗。。
達徠國際有限公司
電動門事業部企業形象網站
以企業品牌與產品展示需求為核心，規劃達徠電動門企業網站的整體視覺與內容架構，透過首頁主視覺、產品特色、企業資訊與工程實績的整合，建立清楚且具有專業形象的品牌網站。
高雄市政府衛生局
庶務系統改版案
建置高雄市政府衛生局內部庶務管理系統， 整合會議室、物品領用、車輛調派及系統稽核等行政作業， 將原有庶務流程導入線上申請、審查、簽核、查詢與報表管理， 建立統一的內部行政作業平台。
環境部環境管理署土壤及地下水污染整治基金管理會
你的命定元素｜土水互動遊戲
以土壤及地下水環境知識為主題的互動式網路遊戲平台， 結合遊戲化設計、角色視覺、知識答題與結果解析， 將環境議題轉化為具互動性與趣味性的數位體驗， 提升民眾對土水環境議題的認識與參與度。
油氣設施管理資訊系統
雲端稽核作業系統APP
因應油氣設施查核與管理需求，開發雲端稽核作業 APP，將現場查核與輔導流程由傳統作業延伸至行動化作業。 後續持續進行系統功能擴充、APP 開發、系統移機與資料管理優化，讓平台能持續因應油氣設施管理、現場查核及相關業務需求的變化。
晶元光電
企業形象網站設計與長期維運
晶元光電企業網站建置， 涵蓋網站架構、視覺設計、UI/UX、 RWD 前端與後端功能建置， 並建立繁體中文、簡體中文及英文三語系網站架構。 網站上線後持續提供網站維運、內容調整與功能擴充， 服務期間延續至 2025 年。
台灣電力公司
數位人才培育平台
建置台電數位人才培育平台， 完整涵蓋 UX/UI、視覺設計、前端介面、 後端系統、資料庫與 API 整合， 將平台需求轉化為實際可操作的數位服務與完整系統功能。 從會員、活動、創新提案、學習資源， 到互動服務、資料管理及後台管理， 建立完整的平台服務架構， 並持續提供後續功能優化與系統維運。
環境部
惜食料理食譜暨教案甄選活動網
以「首惜廚師」活動為核心， 依據既定活動內容與需求完成活動網站、 UI/UX、視覺設計與系統開發， 整合 22 縣市初賽報名、資料審核、 分權管理、決賽、工作坊及內容管理， 建立完整的全國性活動數位服務平台。
台北市政府
北市節能填報系統
針對既有節能填報系統進行整體優化與重新建置， 從系統規劃、UX/UI、RWD 到前後台系統開發， 整合用電、用油填報、資料查詢、統計報表、 儀表板、SSO、資料轉移及資安機制， 完成新平台建置與既有資料銜接。
國家災害防救科技中心
長照機構災管計畫產製工具
為協助長照機構降低災害管理計畫撰寫的門檻， 建置「長照機構災管計畫產製工具」， 整合於「防災易起來」網站， 從系統規劃、UX/UI、RWD 到前後端開發， 將災害管理計畫轉化為具備範本、範例與填答引導的線上操作流程， 並自動產製 Word 計畫書。
行政院環境保護署土壤及地下水污染整治基金管理會
20週年紀實網
為行政院環境保護署土壤及地下水污染整治基金管理會規劃 20 週年紀實網站， 從整體網站規劃、資訊架構、視覺設計、UI/UX 到前後台系統與資料庫一體規劃， 以「20 年紀事」與「重點成果」為核心， 整合內容管理 CMS、RWD、無障礙及資通安全機制， 完成網站建置、移機與後續維護。
經濟部產業發展署
工業環保技術資訊平台
以既有產業綠色技術資訊服務為基礎， 規劃建置「工業環保技術資訊平台」， 整合工業污染防治刊物、工業技術叢書及研討會論文集等專業資訊， 建立集中式的技術內容與知識服務平台。 本案從整體視覺與 UI/UX、RWD 前台設計， 到線上投稿 API 介接、文章管理、智慧檢索、 TAG、會員、推薦、統計及後台管理等功能進行完整開發， 並納入資安與無障礙要求。
台經研三所
資金通系統
為促進創新籌資商品化計畫建置之數位服務平台， 整合會員、創育單位、輔導顧問、活動、文章及方案等多元資料， 建立具多角色管理與內容營運能力的服務平台。包含實驗場域與中小企業實驗性徵信，透過 API 串接 10 項企業及財稅相關資料服務， 讓平台由原有的資訊與內容服務，延伸至企業資料整合、場域媒合與創新籌資應用。
茂銓企業股份有限公司
企業形象網站
建置茂銓企業全新企業網站， 重新規劃品牌資訊架構與網站內容呈現方式， 整合產品、技術支援、服務與聯絡資訊， 建立符合企業形象與產品資訊展示需求的網站架構。 本案從企業網站規劃、UI/UX 設計、 首頁與共用內頁版型、產品資訊呈現， 到前端網頁製作與 RWD 響應式開發， 並建立雙語系網站架構， 持續提供網站上線後的維運與內容調整服務。
品牌素材說明｜作品集使用之 LOGO、吉祥物及品牌識別素材由客戶提供，本案負責網站視覺、UI/UX ...等數位系統呈現；相關智慧財產權歸原權利人所有。
CASE STUDY / DETAIL VIEW
Project detail
Government Digital Service Platform
CLIENT SIGNAL
SYSTEM ARCHITECTURE
DELIVERY MAP / 01
PROJECT OVERVIEW
專案概述
專案挑戰
解決方案
EXPERIENCE × SYSTEM × DATA
03 / UI/UX DESIGN
以使用者體驗重新設計服務流程
01
入口
Service Entry
02
搜尋
Find Information
03
申辦
Complete Service
04
管理
Back Office
系統開發
系統整合
06 / RESULT
專案成果
PROJECT HIGHLIGHTS
專案重點
SERVICES