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

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

角色

UI/UX

性質

介面設計

時間

2025-10

專案說明

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

在系統架構上,設計不僅支援賽事追蹤,更將活動流程轉化為可操作的節點,讓主辦單位能依據即時數據彈性安排關卡、任務與團隊挑戰。透過這樣的設計,定向越野不再只是個人路線競賽,而是一場能引導分工、規劃與協作的團隊建立活動,讓團隊在行動與決策中自然培養合作默契。


UI/UX 設計

❶ 檔案

目的:角色與身分建立

在參賽者首次登入系統後,介面引導使用者隨機或自行選擇一隻小動物作為個人頭像,並設定暱稱,取代真實身分標籤。
此設計刻意降低陌生感與心理距離,讓成員在比賽開始前就能圍繞角色與暱稱產生話題,促進團隊初期的互動與破冰,為後續的團隊合作建立輕鬆、友善的氛圍。


❷ 地圖

目的:路線可視化與共同決策

地圖介面清楚呈現各檢查點位置與整體分布,並以視覺層級區分已完成、進行中與未到達的點位狀態。
參賽者可在活動開始前與隊員一同檢視地圖、分析路線與分配任務,讓「規劃路線」成為一個共同決策的過程,而非個人行為,藉此在遊玩過程中凝聚團隊向心力與合作意識。


❸ 線索

目的:任務驅動的團隊建立

系統為 Team Building 情境設計專屬的尋寶式線索機制。參賽者於活動中掃描散落於各地的線索 QR Code,即可在介面中解鎖主辦單位事先設計的謎題與提示。
線索內容不僅引導前進方向,更融入本次活動的核心價值與團隊理念,讓解謎成為需要討論、分工與協作的過程,使團隊在完成任務的同時,逐步累積共同的活動體驗。


❹ 設計系統

本專案建立了一套可延展的設計系統,且支援雙語言版本切換。為解決客戶在不同情境下主辦活動的需求,定義了清楚的色彩規範,將系統主識別色以變數化方式納入後台設定。客戶可依不同品牌或活動主題,於後台快速調整整體前端的主視覺色彩,而不影響既有的介面結構與可讀性,使系統在維持一致性之餘,仍具備高度的彈性與可重複使用性。


延伸設計

在系統完成後,延伸協助客戶製作活動說明 DM,將數位系統的使用體驗延伸至實體宣傳與賽前準備階段。DM 不僅作為活動資訊傳達工具,更被設計為系統體驗的一部分,讓參賽者在正式活動開始前即可提前熟悉操作流程。

DM 上設計專屬的練習模式 QR Code,參賽者可與團隊夥伴一同掃描進入系統,進行簡化版的賽前練習。透過實際操作地圖、掃描與任務流程,降低活動當天的學習成本,同時讓團隊在暖身階段即開始互動與協作,提前建立默契,提升正式活動的參與感與完成度。


專案說明

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

在系統架構上,設計不僅支援賽事追蹤,更將活動流程轉化為可操作的節點,讓主辦單位能依據即時數據彈性安排關卡、任務與團隊挑戰。透過這樣的設計,定向越野不再只是個人路線競賽,而是一場能引導分工、規劃與協作的團隊建立活動,讓團隊在行動與決策中自然培養合作默契。


UI/UX 設計

❶ 檔案

目的:角色與身分建立

在參賽者首次登入系統後,介面引導使用者隨機或自行選擇一隻小動物作為個人頭像,並設定暱稱,取代真實身分標籤。
此設計刻意降低陌生感與心理距離,讓成員在比賽開始前就能圍繞角色與暱稱產生話題,促進團隊初期的互動與破冰,為後續的團隊合作建立輕鬆、友善的氛圍。


❷ 地圖

目的:路線可視化與共同決策

地圖介面清楚呈現各檢查點位置與整體分布,並以視覺層級區分已完成、進行中與未到達的點位狀態。
參賽者可在活動開始前與隊員一同檢視地圖、分析路線與分配任務,讓「規劃路線」成為一個共同決策的過程,而非個人行為,藉此在遊玩過程中凝聚團隊向心力與合作意識。


❸ 線索

目的:任務驅動的團隊建立

系統為 Team Building 情境設計專屬的尋寶式線索機制。參賽者於活動中掃描散落於各地的線索 QR Code,即可在介面中解鎖主辦單位事先設計的謎題與提示。
線索內容不僅引導前進方向,更融入本次活動的核心價值與團隊理念,讓解謎成為需要討論、分工與協作的過程,使團隊在完成任務的同時,逐步累積共同的活動體驗。


❹ 設計系統

本專案建立了一套可延展的設計系統,且支援雙語言版本切換。為解決客戶在不同情境下主辦活動的需求,定義了清楚的色彩規範,將系統主識別色以變數化方式納入後台設定。客戶可依不同品牌或活動主題,於後台快速調整整體前端的主視覺色彩,而不影響既有的介面結構與可讀性,使系統在維持一致性之餘,仍具備高度的彈性與可重複使用性。


延伸設計

在系統完成後,延伸協助客戶製作活動說明 DM,將數位系統的使用體驗延伸至實體宣傳與賽前準備階段。DM 不僅作為活動資訊傳達工具,更被設計為系統體驗的一部分,讓參賽者在正式活動開始前即可提前熟悉操作流程。

DM 上設計專屬的練習模式 QR Code,參賽者可與團隊夥伴一同掃描進入系統,進行簡化版的賽前練習。透過實際操作地圖、掃描與任務流程,降低活動當天的學習成本,同時讓團隊在暖身階段即開始互動與協作,提前建立默契,提升正式活動的參與感與完成度。


使用技術及工具

Figma

其他專案

Other

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

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

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.