行銷活動官網設計
在這個專案中,我負責從 Wireframe 到 Mockup 的完整 UI 設計流程。結合 Spline3D 打造微互動主視覺,並以 Rive 設計互動式按鈕,讓整體介面融合品牌識別與遊戲化動態,強化產品的體驗感與視覺故事性。
執行 Implement
UIUX設計、視覺設計、網站規劃
工具 Tools
Figma、AdobeCC、Spline3D、Rive
應用 Application
RWD、Mobile、Web
設計日期 Date
2024.05
困難&挑戰
  • 如何將「遊戲化」、「雲端活動平台」這種抽象且多元的產品特性,轉化成直覺又吸引人的視覺體驗?
  • 如何在短時間內透過首頁,清楚傳達產品價值與功能優勢?
  • 如何有效提升用戶的操作參與感與互動率?
  • 我用可愛的3D角色和有未來感的場景,讓網站一打開就像進入一場小遊戲,第一眼就吸住人的目光,也讓品牌變得更好記。 主視覺設計了跳動的禮物盒和立體感的路徑,不讓畫面只是平面排版,而是多了層次感和小故事,讓人更想探索下去。 按鈕我用 Rive 做成互動式的,不是死板板的圖示,滑過去或點下去都會有小反應,讓操作變得更有手感,也更有趣。 整個內容結構我也做了模組化設計,動線簡單清楚,用戶可以很直覺地知道每個功能怎麼用、要去哪裡點,體驗就更流暢。

    品牌官網設計融合科技感與遊戲式互動體驗,透過深色視覺搭配跳色導引,打造專業又具吸引力的操作介面。 使用 Rive 製作CTA按鈕動畫,提升動態回饋;搭配 Spline 3D 建構空間感導覽地圖,營造沉浸式互動氛圍。
    設計展示為平台活動系統中的特色功能,視覺風格以深色搭配霓虹漸層,突顯科技感與遊戲化互動氛圍。 每張卡片代表一種活動機制,如:「抽獎」、「任務挑戰」、「點數兌換」,讓用戶在視覺上即可快速理解功能分類。 中心 icon 深色背景結合霓虹光效,強化科技感與互動吸引力,增加卡片的吸引力與點擊意願,引導用戶參與互動,提升平台參與率與黏著度。
    這是一個結合遊戲感與賽博龐克風格的抽獎活動介面設計。 整體畫面以拉霸機為核心互動,搭配獎品展示,強化「參與 → 驚喜 → 得獎」的體驗流程。 上方橫列展示獲得獎項用戶,加入倒數時間營造遊戲氛圍與活動緊迫感。
    UIMOFA 設計專案
    UIMOFA 設計專案
    Get Figma Magic Now !
    視覺驚艷只是開始
    真正打動人心的是無形的魔法體驗