Wi-Thrive

ESG Storytelling Game

ESG 桌遊《緯你同行 Wi-Thrive》：把企業永續變成一場能被「玩懂」的體驗

#ESG Storytelling#Board Game#Gen AI Visuals

角色

Lead Designer · Product / UX / Visual · 專案協調窗口

類型

ESG / 內訓與招募 · 桌遊體驗設計 · Generative AI 應用

期間

2023 Q3 – 2024 Q3

簡述

為支援企業內訓、招募與品牌溝通，與 ESG、HR 及臺科大教育遊戲團隊合作，將既有規則原型重構為可量產桌遊《緯你同行 Wi-Thrive》。透過遊戲化把永續行動轉成可理解的情境與故事，並導入 AI 生成圖像工作流，在短時間內高效完成大量素材且維持風格一致與高品質

1. Overview從 ESG 報告到拿得起來玩的桌遊

公司永續經營辦公室希望打造一款 ESG 桌遊，透過實際遊玩的過程，讓同仁、應徵者、客戶，可以在輕鬆互動中理解公司做了哪些永續行動

應用場景

人才招募說明會、校園活動

內部教育訓練、新人訓練

對外說明公司 ESG 實績與媒體曝光

作為重要客戶與合作夥伴的贈禮

前期進度

ESG 辦公室已與臺科大迷你教育遊戲研究團隊合作，完成初版遊戲規則與機制、基本的遊戲流程雛形

仍需完成的工作

一套可以量產的完整視覺系統與內容設計（卡牌、底板、token、說明書、外盒…）

在正式印製前，對規則與引導做最後的 UX 微調

一個能橫向對接 ESG、HR、臺科大與印刷廠的設計負責窗口

原先 ESG 辦公室曾尋找外包設計師，但遇到溝通與效率問題，最後在 HR 轉介下改由我們 UX 團隊接手，由我擔任主要負責人，帶領 4 位設計師共同完成

專案成果

一開始，這個案子對高層來說只是「一個有趣的 ESG side project」，但隨著桌遊完成、實際被拿去教育訓練與對外展示，它逐漸變成：

•ESG / HR 的重要 KPI 成果之一
•總經理字輩與高層親自體驗、留下印象的作品，並延伸作為供應商贈禮
•UX 團隊在實體體驗 × AI 圖像 × 跨部門協作上的指標性案例

🎥 See the game in action

桌遊開發與比賽紀錄

桌遊玩法教學

2. My Role把 ESG 內容、遊戲體驗與合作單位串成同一套作品

在這個專案裡，我的角色不只是「把東西設計漂亮」，而是同時扮演：

專案負責與協調窗口（Project Lead）

•帶領 4 位設計成員，分工負責卡牌、底板、說明書、外盒等不同物件
•對接 ESG 辦公室、HR、臺科大團隊與印刷廠，釐清責任分工與交付內容
•確保大家對時程、版本與「這一輪要定下什麼」有清楚共識

桌遊體驗的 UX 調整者

•親自試玩初版桌遊，並在 UX 團隊內部舉辦試玩，從玩家角度檢視規則與節奏
•整理出「哪裡說明不清楚」「哪裡步驟太多」「哪裡資訊量太重」
•提出具體玩法與介面（板面、icon、色彩）調整建議給 ESG / 臺科大團隊

視覺系統與 AI 圖像工作流的主導者

•建立 100+ 張卡牌與所有實體物件的視覺規則與版型系統
•規劃生成式 AI 圖像的使用方式（Midjourney、Photoshop Firefly），設計 prompt 結構，確保多人分工下風格仍然一致
•負責印前檔案檢查、打樣校色與完稿確認，確保成品品質

AI 圖像工作流：拆解元素、設計 Prompt 結構、團隊分工產製、風格一致與專注 — AI 圖像不是為了省事，而是讓團隊能把心力放在更重要的體驗與內容決策上

3. What we did從規則原型到可量產的桌遊成品

透過試玩體驗、視覺系統設計、AI 圖像工作流與印前落地，我們打造了一套完整的 ESG 桌遊體驗

→與 ESG、HR、臺科大團隊一起試玩初版桌遊，在 UX 團隊內部再辦一輪試玩
→梳理出「說明看不懂、節奏太慢、資訊太重」等具體問題
→整理成一份玩法體驗改善建議，而不是只在既有規則上套視覺設計

團隊成員與公司同仁試玩 Wi-Thrive 桌遊過程記錄 — 團隊成員與公司同仁試玩記錄

→規劃約 125 張卡牌的版型系統（顏色、層級、資訊優先順序）
→延伸到底板、計分板、token、說明書與外盒
→依卡牌類型定義閱讀路徑，讓玩家先知道「這是哪一類事件」，再理解 ESG 面向與細節說明
→中英雙語版本皆適用

Wi-Thrive ESG 桌遊全套實體物件設計，包含底板、計分板、卡牌、token 等配件 — 底板、計分板、token、說明書與外盒

→先閱讀 ESG 背景與公司案例，把每張卡牌拆解成可視覺化的關鍵元素
→再設計穩定的 Midjourney / Photoshop Firefly prompt 結構
→帶領團隊依照這套規則分工產製圖像
→在有限時間內完成大量風格一致的卡牌插圖，讓設計心力可以集中在體驗與內容判斷

AI 圖像不是為了省事，而是讓團隊能把心力放在更重要的體驗與內容決策上

→製作高品質 prototype，邀請 ESG、HR、臺科大與內部同仁試玩
→依回饋調整圖像、文案與板面強調
→負責與印刷廠對接規格、完稿與打樣校色
→最終完成中英雙語、可正式量產與對外贈送使用的桌遊成品

Wi-Thrive ESG 桌遊完整成品，包含外盒、底板、卡牌、token 等所有配件 — 桌遊成品紀錄

4. Challenges & Impact在多方意見中守住體驗與品質

挑戰 1

內容專業又龐大，還要讓各方「看得懂、看得過」

ESG 本身就充滿專有名詞與複雜背景，加上卡牌數量超過百張，每一張都代表不同情境與案例。

挑戰不只是：

•卡牌圖像要美觀、AI 生圖必須符合實際情境描述，也要適合公司形象

而是：

•先自己看懂、消化，再轉成玩家在短時間內就能理解的資訊層級
•同時要讓 ESG 辦公室、HR、高層、臺科大團隊都覺得「能代表公司」

我的做法是

•把不同來源的回饋整理成可執行的修正清單，避免團隊陷入各說各話
•幫忙辨識哪些是必須修、哪些可以討論、哪些改了反而更混亂
•以體驗與理解成本的角度，和利害關係人討論取捨

挑戰 2

跨部門與外部團隊合作，需要清楚邊界與節奏

這個案子牽涉：

ESG 辦公室

內容與策略

實際使用情境

臺科大團隊

遊戲機制與教育

UX 團隊

體驗與視覺

印刷廠

實體製作

如果沒有清楚的節奏，很容易每一次討論都「從頭開始」

在專案過程中，我刻意做到

→每一輪會議前先整理目前版本狀態與這一輪要定下什麼
→用簡單的圖、樣機與流程讓非設計背景的夥伴也看得懂差異
→對團隊成員說清楚：哪些一定要收斂、哪些可以留到下一版

Impact（實際效果）

✓

各事業群總經理級主管實際參與試玩，讓桌遊的溝通效果與理解門檻在高層層級被驗證

✓

高層對 ESG 與 UX 團隊留下具體印象，並延伸到供應鏈溝通與對外贈禮場景

✓

ESG 單位後續主動邀請我們參與公司永續報告書等後續合作

✓

在公司內部，UX 團隊被看見的不只是畫 UI，而是能處理內容、體驗、AI 工具與跨部門協作的夥伴

Wi-Thrive ESG 桌遊高層試玩現場，多位總經理級主管共同體驗並給出回饋 — 當桌遊能讓不同背景的人在同一張桌上對齊理解，它就不只是成果展示，而是下一輪優化的共同語言

5. What I learned讓永續被「看懂」也被「帶走」

Wi-Thrive《緯你同行》對我來說不只是一次把內容做成桌遊的設計案，而是一個很具體的證明：當 ESG 這種專業又抽象的題目，換成「能被玩、能被理解、能被分享」的體驗時，它就更容易被記住，也更容易被拿去用

這個案子讓我學到幾件事：

•UX 的價值不只在螢幕上，而是在任何需要「降低理解成本、引導行為、形成共識」的情境
•面對多方利害關係人時，設計師的工作不只是產出畫面，而是把回饋整理成可執行的取捨，讓團隊能在同一個節奏內往前推
•生成式 AI 的重點不在於做出一張好看的圖，而是把它變成可複用、可分工、可控品質的工作流，才撐得起大量內容與短時程交付

而最讓我印象深刻的是：這款桌遊後來不只用在招募與內訓，也被帶到供應鏈協力夥伴大會，由公司總經理暨執行長在台上向供應鏈廠商介紹，並作為伴手禮之一。這代表它不只是「做得漂亮」，而是成為公司對外溝通永續作為的一種語言與載體

2024 緯創供應鏈協力夥伴大會現場，總經理暨執行長林建勳於台上介紹 Wistron ESG Board Game《Wi-Thrive》，並作為供應商伴手禮之一 — 從內訓到供應鏈溝通，Wi-Thrive 成為公司對外說永續的一種體驗語言，也讓設計成果帶著走延續價值

下一個專案