湯佑聰Tomi
遊戲製作端 UI/互動設計 × 前台實作
讓畫面好看,也讓操作清楚。
作品網站:tomitang.com ↗摘要
做過彩票全美術與 UI/UX、幸運輪盤畫面及 Gold88 前台互動。希望把平台、營運和投放累積的使用情境,帶進遊戲製作團隊的介面設計。
- 38 個彩票畫面Web 18+App 20・全美術與 UI/UX
- 12 套版型設計每套都有桌機與手機版本
- 31 個網站交付翔網:設計、切版、需求到售後
- 8 個品牌站使用 AutoBot主導需求、流程與驗收・AI 協作開發
希望的工作
遊戲製作端 UI/互動設計:以操作流程、畫面狀態與回饋為主責,和企劃、美術、工程一起完成可驗收的遊戲介面。
工作經歷
2021 – 至今
永瑩廣告投放為主軸・素材設計與工具應用
- 將遊戲活動素材轉成不同尺寸的畫面,調整資訊層級與角色位置;角色與品牌素材由供應商提供。
- 主導 AutoBot 的素材交付流程、操作介面與驗收,透過 AI 協作開發,8 個品牌站使用。
- 2022 母親節企劃獲採用,活動後剪成感謝影片;把營運需求接到視覺內容。
- 投放主要一人負責,全帳戶累計約 NT$3,300 萬;用素材測試與成效觀察,理解畫面在實際營運中的作用。
2015.04 – 2021
尊博集團 → 九七科技網頁設計 → 營運團隊設計主管 → 平台前台與 UI/UX
- 負責 Star Vegas 彩票全美術與 UI/UX:Web 18+App 20,共 38 個畫面與狀態;另設計 Star Vegas 幸運輪盤活動畫面。
- Gold88 負責前台視覺、部分向量圖示,以 HTML/CSS/JavaScript/jQuery 實作開場、轉場及按鈕回饋。
- 與 PM、工程協作共用骨架及品牌樣式,交付 12 套版型設計,每套都有桌機與手機版本。
- 與約 5~6 位工程師赴泰國駐點,負責 SPBET99 前台設計與切版;前台版面需求由同事協助理解與翻譯,節慶提案獲採用。
- 2017 年任設計主管,參與面試、輔導與審稿;2020 年主動提出交接,之後發起每週 UX 分享。
2013.02 – 2015.03
翔網數位有限公司網頁設計師/前端工程師
- 從畫面設計到前台切版,完成 31 個網站;需求溝通與售後也由我負責。
- 最多同時服務 13 組客戶,處理各案需求與交付。
- 客戶包含政府案、中華電信、竹科科技廠與外商。
2012.02 – 2013.02
錸德科技助理工程師
- 品質控管。
- 製作統計報表。
- 協助設備故障排除。
湯佑聰 Tomi / 遊戲 UI 與互動設計 / 代表作品與交付能力
代表作品
01 Star Vegas 彩票|完整介面流程看作品 ↗
負責全美術與 UI/UX,共 38 個畫面,涵蓋大廳、投注、紀錄與開獎。可對照桌機與手機的資訊層級、操作配置及狀態畫面。
規模|Web 18+App 20,共 38 個畫面與狀態。
03 Gold88|從畫面到互動看作品 ↗
規劃前台形象與部分向量圖示,以 HTML、CSS、JavaScript/jQuery 實作開場、轉場及按鈕回饋,讓視覺銜接操作。
交付|前台視覺與開場、轉場、按鈕回饋實作。
04 SPBET99|主動提案與雙端交付看作品 ↗
負責前台設計與切版,同事協助版面需求理解與翻譯;中秋、春節提案獲採納。另有 12 套平台版型設計,可比較不同品牌的桌機與手機配置。
結果|中秋、春節提案獲採納;前台設計與切版由我負責。
05 AutoBot|素材交付工具看作品 ↗
主導需求、流程與驗收,透過 AI 協作開發;8 個品牌站使用,處理不同尺寸的圖片與文案交付。活動中的供應商角色與品牌素材,分工另行標示。
採用|8 個品牌站使用;圖片、文案與排程串成流程。
能力與證據
| 能力 | 可核對的交付 | 在哪裡看得到 |
|---|---|---|
| 遊戲流程 | 彩票 Web 18+App 20,共 38 個畫面與狀態。 | 作品頁:遊戲介面/PDF 第 3–4 頁 |
| 互動實作 | Gold88 開場、轉場、按鈕回饋,以前台程式實作。 | 作品頁:遊戲介面/PDF 第 6 頁 |
| 雙端交付 | 12 套平台版型各有桌機及手機;SPBET99 節慶提案採用。 | 作品頁:品牌交付/PDF 第 5 頁 |
| 流程工具 | AutoBot 供 8 個品牌站使用;需求、流程與驗收由我主導。 | 作品頁:AutoBot/PDF 第 7 頁 |
| 廣告投放 | 約 NT$3,300 萬;主要一人負責,素材測試接到預算判斷。 | 作品頁:廣告投放/PDF 第 2 頁 |
| 協作與帶領 | 主動交接主管後,仍發起每週 UX 分享。 | 作品頁:團隊協作 |
遊戲介面的關注點
- 狀態
- Star Vegas 彩票:大廳、投注、紀錄、開獎與金額選擇,查看同一流程不同狀態。
- 回饋與層級
- Gold88 的轉場與按鈕回饋;Star Vegas 幸運輪盤以中央入口和環形獎項組織焦點。
- 雙端配置
- 彩票 Web 18+App 20,以及每套桌機+手機的 12 套版型,對照不同螢幕的資訊配置。
技能與協作
- 視覺與 UI
- 遊戲介面、活動視覺、資訊層級、圖示
- 前台實作
- HTML/CSS、RWD、JavaScript/jQuery
- AI 流程工具
- 需求拆解、AI/Agent 協作開發、測試驗收
- 廣告投放
- 素材測試、成效追蹤、預算調整
獎項與學歷
- 卡內基主管培訓|最高成就獎(Highest Award for Achievement)
- 卡內基|學習精神獎(2019.10.31)
- 嶺東科技大學|視覺傳達設計系(二技)|2008 – 2010