01
流程表閱讀負擔
- Before
- Google Sheet 欄位越拉越寬，現場需要左右滑動才能看完資訊；導播、技術與支援內容混在一起，也容易干擾閱讀重點
- After
- CueKon 把流程內容整理成更適合各裝置閱讀的介面，讓團隊快速抓到目前段落與重點，也能自行篩選需要看的欄位資訊
WEB APP
CueKon
把原本越拉越寬、角色資訊混在一起的流程表，轉成可閱讀、可篩選、可現場同步的 Web App，讓演出與製作團隊能用同一套資訊協作。
客戶是誰
產業舞台演出／活動製作
CueKon 是為需要跨團隊協作與現場同步的舞台、製作團隊與線下活動公司打造。這些團隊通常同時包含：
- 製作人、PM 與舞監：負責統籌流程、分工與整體進度
- 技術與現場協作人員：需要快速掌握自己角色相關的流程與最新狀態
主要問題
流程表越拉越寬、角色資訊混雜，團隊難以快速掌握現場重點。
- 導播、舞台、技術與支援資訊混在過寬的表格裡，現場需要反覆左右滑動才能找到重點。
- 上下 Cue 的指令、分工與備註差異需要逐格人工比對，容易漏看真正有變化的地方。
- 流程內容更新後，難以確保所有人查看的是同一份最新版本。
- 現場進度仰賴口頭提醒或人工確認，不同職務也難以快速切換視角。
改變前後
02
Cue 差異自動整理
- Before
- 上下 Cue 有哪些指令、分工或備註差異，需要人工逐格比對，容易漏看真正有變化的地方
- After
- Cue 欄位自動整理上下 Cue 的差異，讓舞監與技術人員快速看出下一段需要注意的變動
03
版本更新同步
- Before
- 流程表一改版，就要重新確認每個人看到的是不是同一份最新內容
- After
- 同一份資料延伸到不同視角，更新後能維持正式流程表、技術表與支援表資訊一致
04
現場進度同步
- Before
- 現場執行時，要靠口頭提醒或人工確認目前進行到哪一段
- After
- Live Mode 讓流程進度可以同步推進，團隊更容易跟上現場節奏
我怎麼解決
我先把傳統流程表拆成活動、Cue、角色欄位與現場狀態等資料層，再規劃正式流程表、技術表、支援表、試算表模式與 Live Mode。讓原本一張越拉越寬的表格，轉換成能依照角色、裝置與現場情境切換的工作介面。
這個案例的重點不是單純做出畫面，而是把產品需求整理成一套清楚的使用流程：前期可以建立活動與流程資料，中期可以用不同視角閱讀與編輯，現場則能用 Live Mode 同步進度。整個功能規劃和架設由我主導，首頁與介面也透過 AI 協助完成，用來驗證一個製作流程工具如何從概念變成可公開體驗的產品。
產品流程把流程表從靜態文件，轉成可編輯、可篩選、可同步的現場工具。
建立活動建立演出或製作專案入口
正式流程表整理 Cue、時間與段落
角色視角技術表 / 支援表 / 欄位篩選
快速編輯試算表模式
現場同步Live Mode
我交付了什麼
流程表閱讀與欄位篩選
把原本又寬又混雜的流程表，整理成更適合現場閱讀的介面，讓使用者能依照角色與當下需求篩選自己需要看的欄位。
Cue 差異自動整理
自動整理上下 Cue 之間的指令、分工與備註差異，讓舞監與技術人員更快抓到下一段需要注意的變動。
流程編輯與重複使用
保留試算表模式的大量編輯效率，也規劃從既有流程儲存範本與多種格式匯出，讓常見活動流程可以被重複使用與交付。
Live Mode 現場同步
透過成員邀請與權限設定，讓不同角色加入同一個活動；現場再由掌控者推進流程，其他人可在自己的裝置上同步查看進度。
結果是什麼
核心成果完成並部署一個可公開體驗、也可以正式使用的 Web App，呈現我從需求拆解、功能規劃、介面組織到上線部署的完整產品化能力。
- 將傳統流程表重新整理成可閱讀、可編輯、可依角色切換的產品流程。
- 從零設計並實作 CueKon 核心 Web App、Landing Page 與支援文件。
- 規劃成員邀請、範本儲存、格式匯出與 Live Mode，讓工具更接近實際產品使用情境。
- 可作為未來 SaaS、內部工具或製作流程平台的產品基礎。