品牌互動遊戲網站設計
Interactive Campaign Game Website Design
「讓品牌變好玩，讓香菜成為遊戲的主角。」
Turning brand flavor into a fun interactive game experience.
專案概述 /
Project Overview
此專案為食品品牌打造的 香菜主題互動活動網站，
以遊戲化行銷 (Gamification) 方式，結合「香菜 × 花生糖」的創意組合，
讓使用者透過拉霸機小遊戲參與活動、獲取優惠與分享訊息，
在遊戲過程中自然地感受到品牌的趣味與活力。
This project presents a gamified campaign website for a food brand,
combining playful pixel aesthetics with an interactive slot-machine experience.
Users engage through fun actions to win discounts and share codes,
turning participation into an extension of brand storytelling.
專案目標 /
Design Goal
- 建立品牌在年輕族群中的趣味印象。
- 以遊戲互動取代傳統活動頁，增加停留時間與分享率。
- 結合品牌產品（香菜花生糖），強化記憶點與產品曝光。
- 創造一種「玩著體驗品牌」的數位互動感受。
- Build playful brand recognition among younger audiences.
- Replace static campaign pages with engaging interactive experiences.
- Integrate products naturally into gameplay for stronger recall.
- Encourage user participation and sharing through gamified design.
色彩規劃 /
Colors
整體視覺以 亮黃色 × 湖水藍 × 復古紅 為主色，
搭配像素風插畫與復古街機風格字體，重現懷舊電玩感。
畫面動態使用閃爍星星、金幣與香菜元素，
打造活潑又具娛樂感的品牌互動場景。
The color palette blends bright yellow, retro red, and pixel blue,
evoking nostalgic arcade vibes.
Animated parsley, coins, and retro graphics enhance the playful, game-inspired feel.
設計過程 /
Design Process
從「體驗設計」出發，先確立整體使用流程與互動節奏：
登入 → 遊戲說明 → 測驗題目 → 分數結果 → 禮物兌換。
插畫角色「三隻小豬」串聯整個遊戲故事線，每個畫面都以明確指引和視覺提示，引導使用者自然完成操作。
The design process began with mapping the full interaction flow —from onboarding to gameplay, results, and redemption.
The three pig mascots became narrative guides, ensuring users intuitively followed the story while staying emotionally engaged.
成品展示 /
Final Design
活動企劃：從品牌活動主題出發，設定「香菜季開跑」的互動核心。
遊戲體驗設計：以拉霸機機制串聯優惠抽獎，提升互動樂趣。
視覺風格：採用像素化圖形與 8-bit 介面，打造獨特懷舊氛圍。
前端動效：結合滑動拉桿、閃爍動畫與音效，模擬真實街機體驗。
轉換引導：結尾設置優惠碼與分享模組，延伸品牌行銷轉化。
Campaign Concept – Defined “Parsley Season” as the core narrative.
Game Experience – Designed a slot-machine interface linked to coupons.
Visual Style – Adopted pixel art and 8-bit UI for nostalgic charm.
Motion Design – Used animations and sound effects to simulate arcade interaction.
Conversion Flow – Integrated code-sharing and CTA to complete the user journey.
成果與設計反思 /
Result & Reflection
最終成品以懷舊遊戲界面為靈感，
將品牌主題「香菜 × 花生糖」轉化為視覺符號與互動語言。
整體設計不僅展現品牌年輕化形象，
也藉由遊戲行銷方式創造更高的使用者參與與記憶連結。
The final product captures the joy of retro gaming through a playful, vibrant interface.
It turns brand elements into a game world where users can play, share, and connect with the brand emotionally.
