湯佑聰

SELECTED WORK / TOMI

讓投放,
接上素材與工具。

從投放、遊戲視覺、上線介面到流程加速,
先看四項交付,再看活動與團隊經驗。

先看我的投放經驗 ↓

01 / ADVERTISING / 永瑩・廣告投放

投放,
要穩也要準。

在永瑩主要一人負責廣告投放。從素材測試到預算判斷,以獲客成本檢視結果。

累計管理廣告預算
約 3,300 萬新台幣;進永瑩以來所有帳戶累計。
與外包投手同期比較
大致持平,甚至略低總投放金額 ÷ 後台有存款的會員數。

風控收緊,投放仍維持穩定。平台風控收緊期間,投放維持穩定、曝光不中斷。

角色
在永瑩,投放主要由我一人負責,涵蓋預算、素材測試與成效優化。
做法
用多種測試找出好素材;數字異常主動止血,看到機會主動加碼。
結果
與多位外包投手同期比較,獲客成本大致持平,甚至略低。
深入案例從素材測試,走到預算判斷。

問題

在永瑩,廣告投放主要由我一人負責;除了素材交付,也要處理投放與預算判斷。

限制

平台風控收緊的期間,仍需要維持投放與曝光;素材與成效要一起看。

做法

我用多種測試找出好素材,數字異常時主動止血,看到機會時主動加碼。

結果

進永瑩以來,所有帳戶累計投放約 NT$3,300 萬;風控收緊期間投放維持穩定、曝光不中斷。

比較口徑

和多位外包投手同期比較,獲客成本大致持平,甚至略低。獲客成本=總投放金額 ÷ 後台有存款的會員數。

我的角色與團隊

我負責主要投放工作,也處理活動素材編排;展示的 FC 活動角色與品牌素材由遊戲供應商提供。

02 / INTERFACE / 遊戲美術與前台實作

有遊戲的氣氛,
也看得懂怎麼操作。

我負責 Star Vegas 彩票全美術與 UI/UX:Web 18 個、App 20 個畫面;另以 Gold88 呈現前台互動實作。

看完整 UI 拆解 →

角色
彩票遊戲負責全美術與 UI/UX;Gold88 另負責前台實作。
做法
大廳依玩法分組、投注頁整理操作;用 HTML/CSS/jQuery 實作 Gold88 互動。
結果
交付 Web 18 個、App 20 個彩票畫面,涵蓋大廳、投注、紀錄與開獎。

彩票遊戲:從大廳到開獎,每一個畫面都是我設計的

我第一次負責整款遊戲的全美術與 UI/UX。Web 18 個畫面、App 20 個畫面,包含下注、組合彩、紀錄、空狀態、開獎與中獎;泰國業主至今仍在營運。

深入案例先照顧完整流程,再看單張畫面。

問題

Star Vegas 彩票需要從大廳、投注到紀錄與開獎的完整介面設計。

限制

同一款彩票同時有 Web 與 App 畫面;選擇、金額輸入與確認資訊,需要放進各自的操作配置。

做法

我負責全美術與 UI/UX。大廳用國別與玩法整理入口,投注頁將號碼、金額與送出分區;金額選擇另有對應狀態。

結果

交付 Web 18 個、App 20 個,共 38 個畫面與狀態設計稿;可以循著大廳、投注、紀錄與開獎看完整流程。

我的角色與團隊

我的分工是彩票的全美術與 UI/UX;另案的Star Vegas 幸運輪盤活動畫面,也由我設計。

另案:幸運輪盤

輪盤畫面以中央操作入口和環形獎項資訊組織焦點。這裡展示活動畫面設計,與前述 38 個彩票畫面的計數分開。

Star Vegas 幸運輪盤另案設計:中央SPIN入口、環形獎項與弱化的大廳背景
另案活動畫面|沿用已保存的設計稿展示圖;畫面數字為設計內容。
完整案例、更多作品與來源
04

九七科技時期 · 彩票遊戲 · 全美術與 UI/UX

有遊戲的氣氛,
也有清楚的操作順序。

從選擇遊戲的大廳,到輸入號碼與金額的投注頁,負責整體美術與 UI/UX 設計。

看我的分工與設計取捨
要處理的事情
同一款彩票遊戲包含不同國別與玩法,畫面要有遊戲感,也要區分選擇、輸入與送出等操作。
我的分工
這是我第一次負責整款遊戲的全美術與 UI/UX。以下是大廳、投注頁與最後呈現的原圖。
畫面中的做法
大廳用國別卡片和玩法入口分組;投注頁則將號碼、金額、玩法放在同一列,與總額、送出操作分開。兩頁沿用相同色彩與控制元件語言。
其他前台實作:Gold88

Gold88 是另一個案子:我負責主題視覺、部分向量圖示,以及 HTML、CSS、JavaScript/jQuery 的切版和前台互動。

其他介面設計:Kiosk 與會員查詢

現場操作要先找到功能,會員查詢則要看清楚資料。我支援這組介面設計,將機台的會員狀態與操作入口分區,手機紀錄則逐筆整理。

會員終端(Kiosk)與手機介面的設計稿;畫面中的帳號與數值是示範資料。

03 / DELIVERY / 品牌與多裝置

品牌有自己的樣子,
交付也有可沿用的方法。

SPBET99 駐點與約 5~6 位工程師同行。我負責前台設計與切版,同事協助理解與翻譯前台版面需求。

角色
與約 5~6 位工程師赴泰國駐點約兩個月,我負責前台設計與切版。
做法
SPBET99 由我負責前台設計與切版,版面需求由同事協助理解與翻譯,並主動提案節慶主題。
結果
SPBET99 節慶效果由我主動提案,業主採納;保留桌機與手機錄影。

中秋節慶提案

SPBET99 · 桌機
SPBET99 · 手機

SPBET99 由我負責前台設計與切版,版面需求由同事協助理解與翻譯。了解業主喜好後,主動提出節慶主題與動態效果,業主採納。可切換兩個節慶,比較桌機與手機的呈現。

同一套平台功能,做出完全不同的品牌樣子

97 科技時期共 12 套平台版型設計;這裡精選 5 套,展示桌機與手機配置。

平台展示與國際形象|另兩種交付
查看靜態版型與完整頁面
一個設計取捨共用的是基礎,品牌差異仍要處理。

另一次早期交付中,我先提網站骨架,與泰方設計師協作調整風格,再由我完成切版。

完整案例、更多作品與來源
03

九七科技時期 · 泰國平台 · 共用版型

同一個骨架,
交付不同的品牌。

共用網站骨架、調整品牌風格,再親手完成切版。

看共用版型怎麼交付

客戶增加,逐站重做設計與切版的方式開始跟不上需求。我與負責人重新釐清:這次最需要交付什麼?

面對的問題
在短時間內完成多個站點,同時保留品牌的視覺差異。
我的做法
保留共用骨架、整理可切換樣式。首案由我提案骨架、泰方設計師調整風格,再由我完成切版。
留下的方法
先定義交付範圍,再設計可重複運作的方法。

SPBET99 桌機與手機設計原作。

看 SPBET99 的桌機與手機原作

同一品牌,桌機可以展開較多內容;手機則需要把入口收進較窄的閱讀空間。這組保存畫面,讓兩種配置可以直接對照。

SPBET99 桌機首頁取景;點開可看完整長頁
桌機首頁取景 · 點開看完整長頁
SPBET99 手機首屏原作,完整保留提供畫面的比例
手機首屏 · 提供的原圖完整呈現

SPBET99 桌機與手機的保存畫面,呈現同一品牌在不同螢幕上的資訊配置。

04 / WORKFLOW / 自動化與使用流程

把重複工作接起來,
把判斷留給人。

我發起 AutoBot,主導需求、流程與驗收,以 AI 協作開發;讓企劃從熟悉的 Sheets 準備圖片、文案與版位。

角色
獨立發起,負責需求、流程、介面與驗收;AI 協作實作。
做法
把 Google Sheets 接成提案、素材、多尺寸與發布流程。
結果
8 品牌使用;2026 年 6~9 月 KOL 發布紀錄去重後,為 483 則圖文/文字、48 支影片。
深入案例把不固定的版位,接進可操作的流程。

問題

多品牌活動需要圖片、文案與發布排程;系統商和外部廣告的版位尺寸不同,準備工作反覆出現。

限制

尺寸沒有固定規格,產出後仍要檢查文字、品牌與主體;企劃需要從熟悉的工作入口推進。

做法

我發起 AutoBot,主導需求、流程、介面與驗收,透過 AI/Agent 協作開發。讓企劃從 Google Sheets 選活動,接到圖片、文案、多尺寸產出與排程。

一個實際取捨

立即發布的任務加入佇列時,綁定當時的品牌;之後切換畫面,不改動已排入任務的品牌。

結果

8 個品牌站使用 AutoBot;中控台、圖片與文案預覽,呈現同事實際操作的入口和產出形式。

我的角色與團隊

我定義需求與驗收,AI 協作實作,並依同事使用回饋修正。素材品質與發布決策仍保留人工判斷。

完整案例、更多作品與來源
06

近期 · 持續使用 · Google Sheets 上的內容工作流程

讓經驗,
變成能反覆運作的工具。

一檔活動要準備不同品牌與版位。我把這些重複步驟接進同事熟悉的 Google Sheets,讓需求、素材與產出留在同一流程。

一個具體例子

活動資料,怎麼走到可審核的素材?

從同事熟悉的表格開始,沿著三個步驟看。

01先選品牌與活動

切換品牌時,一起載入對應的活動、風格與素材;少一點來回翻找,先把這次要做什麼對齊。

我的工作:定義入口、操作順序與必要資訊。

02建立或選回主視覺

可以生成新圖、選回歷史主視覺,或上傳既有圖片。把主視覺與標題等資訊留在同一流程,後續尺寸沿用這份基礎。

我的工作:規劃流程,訂出視覺與驗收要求。

03輸出尺寸,再檢查發布

依品牌設定製作不同版位,檢查文字、Logo 和主體是否合適,再決定哪些可以使用。產出之後,品質還是由人把關。

我的工作:檢查結果,依同事回饋持續修正。

依專案操作文件整理的流程說明;程式由我帶著 AI/Agent 協作完成。

看另一個操作取捨:即時發布,任務不混線

以「立即發布」的排隊流程為例:同事可能先排好 A 品牌的內容,接著切到 B 品牌繼續工作。如果排隊中的任務跟著目前畫面換品牌,就會把內容送錯對象。

專案的做法是:任務加入佇列時,先記住當時選定的品牌;後續切換畫面,不改動已排入任務的品牌。切品牌時,活動與風格選項也會跟著更新。

這個例子呈現我如何把多品牌工作的需求放進操作與驗收,而不只列出「支援多品牌」這項功能。我主導需求、流程、介面與驗收;程式由 AI/Agent 協作實作。

依專案文件的 taskQueue 與品牌切換流程整理;

看 AutoBot 流程與使用紀錄

活動上線前,企劃資料、做圖、改尺寸和發布原本分散在不同步驟。我把同事熟悉的 Google Sheets 接進 AutoBot,讓非美術企劃也能推進素材工作。

面對的問題
不同品牌、版位與活動,需要反覆準備內容並檢查輸出。
我的做法
我主導需求、操作流程、介面、品質驗收與導入;程式透過 AI/Agent 協作實作,再依同事的使用回饋修正。
留下的方法
自動化的價值,是減少重複勞動,讓人把注意力留給品質與判斷。
8品牌使用經驗
4類系統商環境
3+ 月TG 內容流程使用

工作流程示意

  1. 整理活動資料
  2. 產出圖片與文案
  3. 輸出不同版位
  4. 審核與發布

讓重複步驟接起來,品質與關鍵決策仍由人把關。

看實際使用紀錄
483圖文/文字貼文紀錄 · 6 個 AI 角色
48影片發布紀錄 · 5 個 AI 角色

需求、流程、介面、驗收與導入由我主導,AI/Agent 協助實作,再依同事回饋持續調整。

依 2026 年 9 月 22 日核對的系統紀錄,範圍為 6~9 月;僅計標示已發布且附貼文 ID 的去重紀錄。數字來自系統發布紀錄(2026 年 6~9 月,已去重)。

看 AutoBot 實際操作畫面

Google Sheets 裡的智能中控台,將同一活動的圖片與各平台文案放在一起預覽。這張操作截圖呈現工具實際使用時的樣子。

AutoBot 在 Google Sheets 中預覽活動圖片及文案的實際截圖
實際操作截圖

截圖支持介面與產出形式,不單獨證明發布成功率或節省工時。

看品牌與活動的操作入口
Google Sheets 中 AutoBot 的品牌、頻道與活動選擇介面
操作截圖 · 另一筆任務的文案預覽

先選這次要處理的品牌與活動,再往下準備內容。

05 / CAMPAIGN / 企劃與視覺敘事

先有參與的理由,
再讓畫面把它說清楚。

2022 母親節企劃被採用,我完成活動素材,活動後剪成感謝影片。此處展示活動設計與版位編排。

角色
2022 母親節,第一次主導促銷提案與視覺延伸。
做法
在博弈品牌加入溫情反差,邀請玩家分享與媽媽的合照。
結果
母親節企劃被採用,活動後剪成感謝影片。
活動如何收尾

2022 母親節企劃被採用;活動後將得獎照片剪成感謝影片,作為活動收尾交付。

一個設計取捨改尺寸,同時改閱讀順序。

窄版不能只縮小整張海報,必須重新安排標題、人物與獎勵訊息。讓每個版位先說清楚同一個活動,再保留各自的構圖。

完整案例、更多作品與來源
05

2022 · 永瑩 · 活動企劃與視覺交付

先想為什麼參與,
再做出活動的樣子。

母親節活動從「分享和媽媽的合照」出發,延伸成多尺寸宣傳素材與活動收尾內容。

看企劃、設計與交付
企劃切入
除了獎勵本身,以母親節與親子合照作為參與主題。這是我第一次主導的促銷企劃提案。
視覺交付
以擁抱、花卉和暖粉色統一主題,再依寬幅、4:3 與窄橫幅安排活動標題、獎勵與人物。
活動延續
活動延伸為得獎者 Banner 與收尾影片,將玩家分享的合照整理成感謝內容。
看重複工作怎麼改善

網站素材、品牌標誌、文案、活動企劃與前台調整交錯進行。我開始從日常工作中找出可以整理成規則的部分。

面對的問題
多站活動持續更新,人工製作與臨時修改耗費大量精力。
我的做法
製作分層 Banner 工具作為備用,也利用 Clarity 觀察操作、透過 GTM 調整租用網站的前台樣式。
留下的方法
先確保服務可靠,再談介面改善。快速工具與手工精修,可以各自放在適合的位置。
再看三張手工作品

不同題材,保留清楚的主角與閱讀順序。左右滑動看大圖,也可以開啟原圖。

角色與優惠,分出主次。 紅金角色承接右側焦點,左側保留優惠主標。
角色與優惠,分出主次。紅金角色承接右側焦點,左側保留優惠主標。
把題材做成一個場景。 以嘉年華舞台、燈光與角色串起同一個活動氣氛。
把題材做成一個場景。以嘉年華舞台、燈光與角色串起同一個活動氣氛。
換市場,也換視覺語言。 運動人物與獎盃集中成主體,文字留在另一側。
換市場,也換視覺語言。運動人物與獎盃集中成主體,文字留在另一側。

手工設計,非 AI 產出;重點是版面與素材的整合。角色與品牌素材來自遊戲供應商。

SELECTED WORK / 多尺寸活動設計

一個活動,
三種畫面。

同樣的品牌、角色與活動資訊,換了版位,就需要重新安排閱讀順序。這組原作讓你直接比較,而不只聽我描述設計能力。

看三種版位的設計取捨
方形
大數字集中在上方,角色承接下半部。
手機橫幅
文字與角色左右分區,保留主要訊息。
超寬版位
資訊收進中段,兩側延伸背景。

2025 年活動版位:我負責資訊與尺寸編排,角色與品牌素材由遊戲供應商提供。

06 / PEOPLE / 帶領、學習與取捨

做得出來,
也知道何時調整方向。

2017 年起帶設計團隊,參與面試、輔導與審稿;2020 年主動提出交接,之後發起每週 UX 分享。

角色
2017 年起擔任設計主管;2020 年主動提出交接,之後專注設計與實作。
做法
參與面試、帶新人與審稿,推動 UX 分享與產品討論。
結果
卡內基最高成就獎與學習精神獎,留下同儕肯定與學習投入的紀錄。
一個設計取捨工具可以往前走,責任要有人接住。

流程工具在實際使用後縮減範圍;WhatsApp 文字客服已上線使用,金流問題交給真人處理。

完整案例、更多作品與來源
02

2017 起 · 種子團隊 · 視覺管理

承接更多責任,
也學會重新選擇。

從完成自己的設計,走向團隊的安排、協作與交付。

看角色、協作與交接

參與集團自建平台的種子團隊,後來承接視覺主管的角色。從自己完成畫面,走向團隊的安排與交付。

面對的問題
當責任從單一作品擴大到整體團隊,我要如何發揮自己的長處?
我的做法
經歷帶領、協作與後續交接,持續回到自己擅長的視覺、互動與實作。
留下的方法
選擇角色,也是在選擇自己能為團隊帶來的價值。

參與種子團隊、視覺管理與後續交接。

2019 前後 · 學習與同儕肯定

除了作品,也有來自同儕的肯定。

任職尊博集團九七科技期間,參加集團安排的卡內基主管培訓,獲得 Highest Award for Achievement(最高成就獎),另有「學習精神獎」證書。

那一班約 30 位集團主管、上了約 8 週,結訓獎項由同學票選。這份肯定來自一起學習的夥伴,也補上作品之外的協作面向。

最高成就獎獎牌與學習精神獎證書分別展示;學習精神獎證書載明由學員及講師投票。

這段培訓與工作有什麼關係?

卡內基目前的核心課程涵蓋自信、溝通、人際、壓力處理與領導,強調透過演練和回饋,把學習帶回工作。

在履歷裡,我希望讓人同時看到對作品的要求,以及持續學習如何與人合作的投入。

卡內基官方課程介紹 ↗
01

2015 · 尊博 · 金三角駐點

先走到現場,
才知道要做什麼。

與同事駐點約兩個月,從現場需求開始規劃網頁。

看現場遇到的問題與我的做法

從網頁設計公司轉入遊戲產業,我成為尊博早期網頁設計成員之一,與同事到金三角駐點約兩個月。

面對的問題
新的線上業務,要如何接進既有場地與現場操作方式?
我的做法
與現場經理討論需求,參與現金櫃網頁的規劃與製作,把畫面放回實際使用情境。
留下的方法
設計的起點,是理解現場的人要完成什麼。
07

近期 · 範圍調整 · 整合 · 試用 · 縮減範圍

做出自動化,
也知道何時把判斷拿回來。

實際用過全自動流程後,調整範圍,把關鍵判斷留給人。

看試用後的判斷與取捨

我曾試著把策略、素材、執行與追蹤整合成可對話操作的系統,並實際使用自動運行。

面對的問題
長時間守著流程,能不能交由系統協助持續處理?
我的做法
整合既有工具與資料,測試後發現產出及判斷不符合期待,改回半自動工具搭配人工審查,保留部分資源管理。
留下的方法
更多自動化,不一定帶來更好的結果。能驗證、能調整,也能停止,是實作的一部分。

實際試用後,保留半自動工具與人工審查。

08

近期 · 文字已使用 · WhatsApp AI 客服

把工具,
帶到真正的對話裡。

文字客服持續使用;語音與視訊保留為測試成果。

看已交付與測試的界線

從持續使用的文字回覆出發,再探索語音與視訊互動。每一階段,都需要分清楚能用、測試成功與真正交付的差別。

面對的問題
如何協助處理重複詢問,同時保留必要的人工接手?
我的做法
文字客服已上線使用,語音與視訊還在測試;金流問題交給真人處理。
留下的方法
讓 AI 協助效率,也保留人的責任與專業。接下來,我仍想把複雜的流程,做成容易使用的方法。

文字客服已上線使用;視訊還在測試。

DESIGN · DELIVER · IMPROVE

如果你們需要這四件事,
我都做過。