類型

時間

2022, 11

成員

全端工程師 / SPA
UI/UX 設計/蔥

互動式測驗遊戲及優惠券行銷

Projects INFO

近年以心理測驗作為活動企劃一環的活動非常多,這類型的互動式網頁傳播性廣、娛樂性高,使用者只要花一點時間就能體驗完整流程,即使是上班時間摸魚也只需要花五分鐘不到,就能享受到片刻的快樂。

這類型的「遊戲化」產品與服務,能夠快速打響活動/品牌知名度,如近期「2022 臺灣文博會—測你是什麼形狀的人」就是一個非常好的案例。

本次專案同樣也是趣味心理測驗遊戲,以青年就業族群作為 TA,發想故事與主題,吸引上班族點擊遊玩,遊玩後再以原生廣告模式嵌入廣告,用圖卡推廣基隆在地景點,並串接 LINE@ 讓使用者登入後可以領取優惠券,藉此行銷基隆委託行商圈、基隆遊艇、和平島等濱海創生圈一日遊景點。

專案內容-

專案初期,團隊和客戶僅僅只有一個模糊的想法—舒壓。希望能藉由遊戲讓大家放鬆一下,釋放生活堆積的壓力。

但客群、遊戲主題、遊戲形式都尚未明朗,該怎麼辦呢?為了協助確定方向,所有夥伴們決定一起開一場腦力激盪會議,集結眾人的經驗、並參考現行產品,整理發想出每個可能的方向,反覆討論、測試,逐步搭建出明確開發的方向。

互動式網頁有許多類型,主題發想和遊戲模式會直接影響到使用者體驗
互動式網頁有許多類型
主題發想和遊戲模式會直接影響到使用者體驗
主題發想和遊戲模式會直接影響到使用者體驗

方向確定為「上班族的小煩惱」後,遊戲模式也呼之欲出,最終採用文字問答+故事情境兩種方式,讓遊玩者的日常生活和遊戲本身連結,由 PM 蒐集大家感興趣的話題,設計編修成正反兩面差異較大的答案,並讓選擇時有獨一無二的動畫效果,此作法不但增加測驗的唯一性體驗,也大幅增加重複遊玩時的樂趣。

故事圖卡會隨著選項而有不同變化
故事圖卡會隨著選項而有不同變化

開發過程中還有許多值得一提的經驗,像是本專案在動畫設計上採用了較為新穎的作法,先由設計師擬定插畫風格:單色塊 + 線條風格方便使用 AE 繪製動畫,再經過外掛轉換為 Lottie 文件交付動畫檔案給前端工程師,讓動畫在網站上呈現出的效果更加滑順。

優惠券廣告上架後台
優惠券廣告上架後台

優惠券系統串接台灣普及率較高的 LINE@,輕量化系統的同時,又能夠獲得不錯的效果。而在置入性行銷部分,擺脫傳統俗套的設計,開發原生廣告欄位,廠商可以根據測驗結果上架相對應的廣告,讓遊玩時不會覺得廣告突兀。

遊戲體驗網址: