Tomi

湯佑聰Tomi

遊戲視覺 × UI/UX × 前台實作

好設計,也要能交付。

作品網站:tomitang.com ↗

摘要

2013 年起從事網頁設計,2015 年進入遊戲產業。做過彩票全美術與 UI/UX、品牌版型與前台互動;帶過設計團隊,也理解營運素材的交付需求。

  • 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

錸德科技助理工程師

  • 品質控管。
  • 製作統計報表。
  • 協助設備故障排除。

代表作品

彩票遊戲|38 個畫面的操作流程看作品 ↗

全美術與 UI/UX,Web 18 個、App 20 個畫面;涵蓋大廳、投注、紀錄與開獎。

規模|Web 18+App 20,共 38 個畫面與狀態。

Gold88|視覺接上前台互動看作品 ↗

規劃前台形象與部分向量圖示,以 HTML、CSS、JavaScript/jQuery 實作開場、轉場及按鈕回饋。

交付|前台視覺與開場、轉場、按鈕回饋實作。

SPBET99|前台交付與節慶提案看作品 ↗

負責前台設計與切版,同事協助版面需求理解與翻譯;節慶提案獲採納上線;另有 12 套平台版型設計。

結果|中秋、春節提案獲採納;前台設計與切版由我負責。

廣告投放|從素材測試到預算判斷看作品 ↗

累計管理約 NT$3,300 萬 預算;多種測試找素材,數字異常主動止血、看到機會主動加碼。

口徑|所有帳戶累計約 NT$3,300 萬;非單月數字。

AutoBot|多品牌素材的交付流程看作品 ↗

主導需求、流程與驗收,透過 AI 協作開發;8 個品牌站使用,從 Google Sheets 推進各版位素材。

採用|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 分享。作品頁:團隊協作

畫面背後的設計判斷

層級
彩票大廳依國別與玩法呈現入口,投注頁將號碼、金額、送出資訊分區。
配置
同一活動的方形、手機橫幅與超寬版位,重新安排角色和資訊位置。
回饋
Gold88 以前台實作呈現開場、轉場及按鈕回饋;讓畫面銜接操作。

技能

視覺與 UI
遊戲介面、活動視覺、資訊層級、圖示
前台實作
HTML/CSS、RWD、JavaScript/jQuery
AI 流程工具
需求拆解、AI/Agent 協作開發、測試驗收
廣告投放
素材測試、成效追蹤、預算調整

獎項與學歷

  • 卡內基主管培訓|最高成就獎(Highest Award for Achievement)
  • 卡內基|學習精神獎(2019.10.31)
  • 嶺東科技大學|視覺傳達設計系(二技)|2008 – 2010