線下約 60 名學生，轉為線上博覽會，超過 12,000 名學生登入

(站內 AI 客服)

回答只用指定資料，每句附出處

(挑戰)

學校資訊多且複雜，難以讓學生一眼看出選擇之多

交換學校遍布全球各大洲，共 289 所，資訊量大且複雜。一般一頁式網站難以一次呈現這麼多學校，畫面也不易整齊。

活動的目的，是讓這些資訊更簡單、清楚地傳達，並吸引學生報名交換。核心訊息是一句打破既定印象的話：每個人都有交換的機會。

(做法)

首頁以 3D 世界地圖呈現全部學校，細節交給一頁式網站

近年許多線上展覽採用 VR，適合呈現空間感；但要完整逛完一個 VR 展覽需要較多操作，使用者容易迷失，內容又多以圖片與影片為主，不適合放置大量文字。

首頁因此採用 3D 世界地圖，一進入頁面便能看出學校之多；複雜資訊則以一頁式網站呈現，閱讀更輕鬆。地圖形式也能引導學生主動探索，增加逛展的參與感。

前端以 Three.js 於瀏覽器渲染 3D 模型，並自行調整滑動速度、地圖大小、邊界與阻尼等參數，讓各種裝置的操作都符合預期。為保持效能，場景不即時打光，以貼圖預先烘焙，板塊下的陰影以圖檔處理並盡量壓低檔案大小，視覺帶有些許像素風格。

桌機

先看整個世界，再逐步縮到各洲

首頁以雲層與紙飛機開場，按下開始探索後鏡頭飛入 3D 世界地圖，並以六步教學說明世界地圖、找學校、申請門檻、學長姐心得、問問 AI 與收藏。之後滾輪縮放、拖曳移動，即可由全景飛進各洲，學校以小屋立於地圖板塊上。選單集中節目與直播、活動、公告、日曆、學校圖鑑與合作單位。

(關鍵設計)

三項關鍵設計

學校資訊

積分、抽獎等頁面收合於彈跳視窗，不直接放在地圖頁，專屬學生的活動與其餘內容得以區隔，非學生的訪客也不會覺得落差太大。各校資訊除了地圖探索，也提供清單列表，搭配篩選器更快找到目標學校；視窗內並有學校答題，讓學生更了解各校。

(後台系統)

活動期間，後台先看待處理事項

登入後先看待處理事項，接著是趨勢與接下來的場次。每個指標可點開完整算法，與資料查詢同一份定義。

(成果)

合作四年，參與學生由約 60 名增至超過 12,000 名

2022 至 2026 年間，博覽會由約 60 名學生參與的線下活動，轉為超過 12,000 名學生登入參與的線上博覽會。其中一屆開展 7 天，便有 2,000 名學生使用學生信箱登入；前一年整年的網站瀏覽次數為 10 萬，該屆僅花 10 天便超越，直播節目的觀看數也突破歷史紀錄。

超過 20% 的登入學生連續瀏覽網頁超過 7 天，單次最長體驗 3 小時，超過 10% 的學生單次體驗超過 2 小時。

各洲依風格調性設計學校的屋頂與主體，透過排列組合避免畫面單調；開場以翱翔飛越的音效搭配專屬配樂，帶領使用者從世界出發到各地。

(Client note)