趣味解壓小測驗,領券玩轉基隆濱海創生圈

近年以心理測驗作為活動企劃一環的活動非常多,這類型的互動式網頁傳播性廣、娛樂性高,能夠快速打響品牌知名度。

角色

UI/UX

性質

系統開發

時間

2022, 11

專案說明

最近,心理測驗風潮成為各大活動企劃的靈感來源,這種互動式網頁既娛樂又具傳播效果,用戶只需花五分鐘不到,就能完成測驗,甚至能在忙碌的上班時間偷偷摸魚放鬆一下。

作為一款「遊戲化」產品,本次專案以青年就業族群為目標受眾,透過有趣的心理測驗吸引上班族點擊遊玩,並巧妙融入原生廣告,推廣基隆在地景點如基隆委託行商圈、基隆遊艇和和平島等濱海創生圈的景點。一方面讓用戶沉浸在趣味測驗中,另一方面透過 LINE@ 系統串接,完成測驗後即可領取優惠券,進一步實現景點推廣與線下消費的轉化。

專案說明

最近,心理測驗風潮成為各大活動企劃的靈感來源,這種互動式網頁既娛樂又具傳播效果,用戶只需花五分鐘不到,就能完成測驗,甚至能在忙碌的上班時間偷偷摸魚放鬆一下。

作為一款「遊戲化」產品,本次專案以青年就業族群為目標受眾,透過有趣的心理測驗吸引上班族點擊遊玩,並巧妙融入原生廣告,推廣基隆在地景點如基隆委託行商圈、基隆遊艇和和平島等濱海創生圈的景點。一方面讓用戶沉浸在趣味測驗中,另一方面透過 LINE@ 系統串接,完成測驗後即可領取優惠券,進一步實現景點推廣與線下消費的轉化。

本次專案我主要負責視覺設計工作,具體如下:

  • UI/UX

  • 動畫設計

使用技術及工具

Figma、Adobe Illustrator、Adobe After Effects、Lottie

執行心得

一開始,我們接到的僅僅是一個模糊的方向—“舒壓”,希望設計出一款讓上班族短暫放鬆的趣味遊戲。但從客群定位、遊戲主題到形式的開發都還不明確。為了解決這個問題,我和團隊展開了多次腦力激盪會議,集思廣益,參考市面上的成功案例,逐步整理出可行的方向與具體玩法。



最終,我們選定了「上班族的小煩惱」作為主題,並將測驗設計為文字問答搭配故事情境的形式,讓玩家能夠在遊戲中找到與日常生活的連結。為了提升測驗的趣味性與獨特性,我們設計了正反兩面差異明顯的選項,並加入獨一無二的動畫效果,讓玩家每次遊玩都能感受到不一樣的體驗。

在設計過程中,動畫部分成為亮點之一。我首先選定了插畫風格——單色塊搭配線條設計,方便透過 AE 製作流暢動畫,並使用 Lottie 技術讓動畫在網頁端呈現出滑順效果。這不僅提升了測驗的視覺吸引力,還讓整體操作更為流暢。



此外,為了簡化用戶兌換優惠的流程,我採用了與 LINE@ 系統的串接方案。這種輕量化的設計不僅便於操作,還能覆蓋更廣泛的用戶群體。在原生廣告的設計上,我特別注重避免廣告的突兀感,規劃了相對應的廣告欄位,依據測驗結果呈現對應的景點推薦,巧妙地融入整體測驗體驗中。


其他專案

Other

Team Building 體驗式活動-定向越野系統

本專案以定向越野為主題,為 Team Building 體驗活動設計系統,目標將原本仰賴人工控管的定向越野活動流程全面數位化與可視化。透過 GPS 即時定位與系統介面,即時掌握每位參賽者的位置與進程,提升活動控管靈活性與安全性。

基隆產業最佳支持者-基隆工策會官網設計

本專案為基隆市工商發展投資策進會形象官網設計,以「基隆資訊中心」為核心概念,透過理性秩序的版面結構與具指標性的主視覺,傳達作為產業樞紐與資訊集散地的角色。

100+基隆港區消費指南:百家精選店家雙語菜單設計

協助基隆市 112 家商家設計雙語菜單,範圍涵蓋餐飲小吃、美容美髮、零食雜貨、伴手禮等多種服務業、擅長在既有品牌風格中優化版型設計。

2024 夢想試航:基隆青年實習媒合計畫

連續兩年協助辦理《基隆市青年實習媒合計畫》,參與視覺及網路平台設計,並擔任計畫專員,為基隆企業和年輕人提供實習媒合服務。

基隆市議會-公共空間招牌視覺設計

基隆市議會的招牌設計,以清楚辨識與穩定呈現為核心,同時透過較為活潑的色彩運用,呼應基隆城市本身的活力與開放感,讓公共空間在嚴謹中保有親和度。

觀舌知健康—舌苔檢測 APP ,舌苔清潔要注意!

協助耕莘護校開發舌苔檢測 APP,蒐集數百名測試者舌苔表面狀況,分析與整合大數據,讓 AI 計算舌苔殘留率。

好味道看得見?基隆《丸進》打造基隆城鄉特色品牌

協助基隆在地品牌《丸進》申請 OTOP 。在保留傳統風味的前提下,讓品牌識別與包裝更加貼近現代消費者的使用習慣。

基隆市 SBIR 徵件說明會現場直播

基隆市 SBIR 專案辦公室成立!徵件說明會現場直播。有效協助業者了解基隆 SBIR 計畫的申請資格、申請方式、補助經費及相關內容。

LIVE HOUSE IN《委託行 x 潮春爵》一起潮一起浪

以浪潮與雨水奏起基隆之聲為主題,協助委託行街區設計 LIVE HOUSE IN《委託行 x 潮春爵》主視覺。

翻轉舊城區印象—基隆委託行形象官網

打造《委託行街區公司》官方網站,串聯品牌識別與網站設計,延伸海港城市的文化脈絡,讓巷弄中的歷史故事透過網站被更多人看見。

追蹤客戶好簡單—客製化 CRM 系統建置

透過這套 CRM 系統,我們成功幫助客戶建立資料庫,處理上萬筆客戶資料與聯繫紀錄,讓原本繁瑣的資料檢索變得即時且清晰。

爵士聖誕夜,陪你一起過聖誕—基隆委託行直播活動

協助基隆委託行舉辦聖誕夜市集活動,用直播宣傳基隆委託行街區,讓民眾感受街區活力、熱鬧氛圍。

觀光與科技結合—苗栗泰安行銷提案

本案是針對苗栗泰安鄉旅遊觀光所規劃的網頁及 APP 提案,目的為結合數位工具、建置相關資訊平台,促進觀光發展。

基隆創生新基地:帶動青年回流的委託行文化市集

委託行街區定期舉辦文創假日市集,將基隆特色發揚光大,越來越多青年回到基隆扎根,為基隆文創產業注入新鮮活力。

保養油品你用對了嗎?源豐行油品查詢系統建置

源豐行是台灣汽機車油品的專家,本案協助建置保養油品查詢服務網站,方便消費者根據車輛年份及型號查詢適合自己的保養油品。

內部考核私密不外洩—醫院問卷評估系統

有別於傳統的問卷系統,本次開發的問卷評估系統,是針對需要「多對多」特定領域而設計的問卷系統。

毛小孩走失不害怕—《毛毛快追》把握黃金救援時間!
毛小孩走失不害怕—《毛毛快追》把握黃金救援時間!
毛小孩走失不害怕—《毛毛快追》把握黃金救援時間!

毛小孩走失不害怕,寵物定位服務 APP

毛毛快追是一款寵物定位追蹤服務,事先在毛小孩身上配戴好帶有定位器的項圈,即可得知毛小孩所在位置及移動軌跡。

大蔥培育日記

Copyright 2024 by 蔥

大蔥培育日記

Copyright 2024 by 蔥

大蔥培育日記

Copyright 2024 by 蔥

Create a free website with Framer, the website builder loved by startups, designers and agencies.