Tomi

湯佑聰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 個畫面與狀態。

02 Star Vegas 幸運輪盤|活動畫面看作品 ↗

負責幸運輪盤活動的畫面設計,呈現活動資訊、輪盤主體與操作入口;與彩票介面分案介紹,展示活動視覺編排。

交付|另案幸運輪盤活動畫面設計。

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