LAUNCHED APP
Taipei COOC
為全市國中小設計的活動管理系統
Industry
教育
Service
管理系統 2B/C
Team Setup
2 專案管理+ 3 設計師
Role
介面+RWD+設計系統
Year
2024
Overview
About COOC App
COOC App是臺北酷課雲平台衍生的軟體，專注於提供校園事務相關的服務，包含聯絡簿、活動、認證、請假。
我參與專案的時間點是後期擴充，範圍為「開發管理系統和優化獎勵介面」。
Goal
建立活動與獎勵品的管理平台
優化獎勵系統的易用性與介面
建立本期開發的Design System
設計三種尺寸的RWD畫面
Challenge
複雜的領域背景知識
需整合原有運行的獎勵機制
維持多種身分與機構間的通用性
不同期不同團隊間的設計系統維護
下圖是COOC App的所有功能模組，黑色區域為本期優化範圍
Before the Interface : 盤點多重身份與機構的功能需求
面對八種身分、兩種機構錯綜複雜的關係，我們首先與客戶一起梳理出了個模組的「目標」、「功能」與「頁面關係」，並劃出本期要著重優化的地方。幫助後續設計時有明確的方向，避免遺漏。
Design Highlights 01 : 通用且靈活的活動系統
Before
教育局與學校主辦的活動會公告於各自的網站、使用各自的獎勵，學生們無法統一有效的接觸到資訊。
After
與工程師和客戶對焦功能與情境後，我們透過以下設計提升管理效率，也幫助活動更容易被知道。
活動消息放到同一個窗口
使用一致的獎勵標準與流程
開放局端活動指派權限給各校，讓教育局活動更容易在校端執行
除了創建活動，我們也提供名單管理功能，確保手動調整的彈性。考慮到學校需長時間紀錄的特性，所有的表單都設計了跨學年的搜尋系統，並且維持在網頁顯示可負擔的資料量。
Design Highlights 02 : 統一兩種幣值的獎勵
Before
在酷課雲中有分別來自局端與校端的兩種虛擬幣值，可以用來兌換獎勵品或是角色裝備。雖然都是面向學生，但因為擁有不同的管理機制和單位，讓維護和設定過程較困難。
After
我們將幣值的獎勵融合至同一平台上，設計了完整的幣值獎勵管理/使用流程，確保兩種幣值對學生使用上都是容易、連貫的，對學校來說管理上也更輕鬆。
03 後台數據追蹤與報表
New Feature
為了幫助校端的管理者一目了然的掌握營運概況，並調整政策，我們針對最重要的三大主題設計了簡易的數據追蹤頁面，以及相對應的報表。盡量在一幀內呈現報表的重點，並且提供警示功能，在數據達到危險值的時候提醒。
RWD & Design System
Web app形式開發，根據Boostrap的斷點框架，我設計了針對手機、平板與桌機共107個RWD畫面，確保在任何載具仍操作順暢。
在與上期風格一致的前提下，製作本期的Design System。我負責協助維護與交付，包含字體、色彩、元件、模組與互動的規範。
More to come !
You can find me here
