Website
Game
兩款網頁抽獎遊戲,提供給會員進行不同的抽選體驗:第一款是扭蛋機的網頁遊戲,點選按鈕後觸發扭蛋動畫,扭蛋釣出後彈出中獎彈窗。第二款是輪盤遊戲,點擊旋轉後觸發旋轉動畫,停止後彈出中獎彈窗。

時間
2022 - 3週
角色
UI設計
負責
UI介面設計
RWD規劃
與前端人員溝通與合作
設計
採用高飽和度的紫色與金黃色作為主色調,模擬舞台燈光與拉斯維加斯的嘉年華氣氛。透過光暈與亮漆質感的處理,營造出一種「充滿機會」與「慶祝」的沉浸式操作網頁。


互動
扭蛋機: 模擬真實物理裝置的構造,強化透明機身內的扭蛋質感,透過視覺引導讓使用者直覺點擊「扭一扭」把手,連結記憶中的趣味性。
大輪盤: 以對稱中心化的布局,金屬鑲邊與霓虹導光帶的設計,引導視覺焦點於獎項,提升整體的精緻度。


跨團隊協作
物件拆解: 遊戲 UI 拆解成Sprite Assets(以下是示意圖)。我將扭蛋機外殼、旋鈕、中獎燈效分別導出,並確保每個組件的切片尺寸符合開發邏輯,減少工程師二次處理的時間。

RDW規劃:針對手機端進行優化,確保在行動裝置瀏覽器上,遊戲畫面皆能維持高品質的渲染與流暢的動態表現。

Back