活動入口改以 Web AR 呈現，手機即可互動

(挑戰)

線上見面會需要一個完整的活動入口

當時受疫情影響，許多團隊將實體活動轉為線上，常見做法是寄信給參與者，附上視訊會議或線上社交空間的連結。

這次的目標，是讓線上活動從頭到尾都有完整設計，同時降低參加門檻，不需要為活動下載 App。

(做法)

將活動入口集結於單一網頁，以 App 般的介面呈現

活動當天使用的視訊會議入口、線上社交空間入口與參與者專屬角色，整合在同一個活動網站。使用者登入後掃描 AR 標記即可解鎖角色；這個環節是活動前最大的驚喜，也期待使用者分享到自己的社群。

介面仿 App 設計：固定畫面高度，以單頁應用切換頁面，用動畫取代一般網頁載入效果，降低分頁感，讓體驗不被打斷。進入前須輸入遊戲 ID 登入，增加儀式感，讓使用者覺得網站專屬於自己；一進入會看到一張空的角色圖與驚嘆號引導，提醒領取專屬角色。

視訊會議與線上社交空間環節以電腦版為優先，並提示使用者以電腦瀏覽；AR 環節則以手機版為主。

(關鍵設計)

兩項關鍵設計

測驗卡牌

測驗結果要讓使用者立即產生共鳴，因此寫出使用者在群體裡的位置與佔總人口的百分比，並讓百分比盡量低，使人覺得獨特少見。資訊量大時，以卡牌版面分出層級：指數數字置於最上方，與其餘內容區隔，最重要的測驗結果放在中段。卡牌會在 AR 環境下閱讀，使用者可自由縮放、旋轉，因此版面以第一眼的感受為優先。

Web AR 實作

為了不讓使用者下載 App，採用 Web AR。3D 物件與動畫以 3D 軟體輸出 glb 檔，物件尺寸在 1–2 公分以內已足夠，檔案越大載入越久，10–15MB 仍在可接受範圍。光源在程式中設定最為穩定，採用 Directional light，亮度也可調整。glb 的每個物件僅能認定一個材質，使用 UV Mapping 最穩定；輸出前先烘焙動畫更順暢，色偏時確認 Gamma 值在 2.2 以上。

(成果)

手機瀏覽器即可完成的 AR 活動入口

活動入口整合視訊會議、線上社交空間與專屬角色，使用者以手機掃描 AR 標記，不需下載 App。當時台灣多數行銷活動仍以 App 內 AR 為主，例如社群濾鏡；Web AR 相對少見。