Gama Play APP 相關設計
本次專案主要為 GamaPlay APP 改版製作相關行銷設計素材，涵蓋網頁 UI 視覺優化、雙平台 APP 商店預覽圖設計（App Store 與 Google Play），以及 EDM 行銷版型規劃。
專案日期
2025/02-2025/04
角色
平面、網頁 UI 設計師
負責項目
網頁 UI、雙 APP 商店平台預覽圖設計、EDM 設計
問題與研究
Gama Play APP 預計於 3 月底正式上線，產品為整合旗下所有代理遊戲與金流資料等…為了配合上線前的宣傳曝光，客戶需要一系列的視覺素材與 one page 網頁規劃。
本次專案我負責整體的設計提案與執行，涵蓋前期競品研究，以及以下三大視覺交付項目：
雙平台 APP 商店預覽圖
官方 EDM 宣傳圖
網頁 UI 設計
在接下來的說明中，我將把重點聚焦於「網頁 UI 設計」製作細節。
競品研究
在前期視覺發想時，我參考了 Riot Games、Blizzard 與 Steam 等指標性平台，並將其與遊戲橘子的品牌調性進行融合。最終的網頁設計採以旗下代理的遊戲 IP 為核心主軸，大幅提升遊戲畫面的視覺佔比，讓玩家在進入網站的第一時間就能被吸引。
設計時程/規範
面對 1 月 - 3月的緊湊時程，我將專案拆解為三個執行階段：
Phase 1：雙平台預覽圖（< 2 週） 集中火力於首兩週內完成 App Store 與 Google Play 的預覽圖交付。
Phase 2：EDM 宣傳圖快速定稿 運用「物件拆解」的設計手法，系統化管理視覺元件，以最高效率推進設計。
Phase 3：進入網頁設計階段後，配合業主的網頁區塊調整需求，同步更新 EDM 設計，嚴格把關整體宣傳視覺的一致性。
設計規範
由於業主已提供 Header、Footer 及品牌視覺規範（Logo 與主色），因此我這邊的工作只需要專注於網頁視覺設計，並制定字體、間距的 Styleguide 與元件規範，以利後續交付開發公司進行網頁動態交互製作。
設計交付
基於前兩次的專案合作經驗，這次在網站視覺定調的方向上越抓越準確，從前期規劃討論到後續收尾都非常順利。
本次專案的網頁動態交互由另一家廠商負責，在雙方時程較難配合的情況下，主要透過 PM 作為溝通橋樑；期間，我也運用 AI 協助解決了廠商提出的程式面問題。
由於設計上只要牽涉到 IP Logo 或畫面的曝光，業主都必須送交原廠審核。考量到原廠希望所有 IP 遊戲的 Logo 在動態展示時都能保持「正面朝上」，我們將原本「Logo 會隨軌道旋轉而改變角度」的設計，修改為「Logo 在圍繞中心旋轉時，自身始終維持正面」。
最終呈現效果如下：
本次任務橫跨平面與網頁設計三個完整專案，在與三位不同 PM 的對接過程中，先面臨了首個專案兩週急件交付，以及後續雙線並行的高壓挑戰。面對緊湊的修改節奏，我透過以下方式協助業主順利結案：
轉譯設計邏輯，消除視覺疑慮：當業主對設計提出疑問時，主動以易懂的方式說明視覺背後的考量，確保雙方溝通無礙。
雙線並行高效產出成果：在 EDM 與網頁設計同時推進、修改節奏不同的情況下，保持高效製作與彈性修正，穩紮穩打地推進專案進度，最終完美的交付成果。
✨ 成果回顧
在有限的資源與時間壓力下幫助業主完成設計並順利交付上線
同時與多個以上專案負責人對接並給予設計上的解決方案，協助推進專案