網站設計

北風音樂節 活動網站

年度音樂節網站,首頁是一座可探索的立體場地模型。

前往網站 ↗
客戶 / Client
北風音樂節
年份 / Year
2024
網站類型 / Type
商業網站
負責範圍 / Role
設計與開發
專案說明 / Description

售票頁最常見的問題是「我不知道那個舞台在哪」。我們把場地做成可旋轉的立體模型,點擊舞台即展開該舞台的節目表與購票連結。三維資源總量壓在二點四 MB 以內,低階裝置會自動降級為平面地圖。

功能重點Features

立體場地探索

可旋轉縮放的場地模型,舞台即導覽節點。

節目表整合

立體節點與時間軸雙向連動。

效能降級機制

偵測裝置能力自動切換平面地圖。

即時售票狀態

票種售罄狀態每三十秒同步。

技術架構Technologies
  • React
  • three.js
  • R3F
  • Draco
  • Supabase
特殊功能模組Highlight
三維網頁體驗

互動式場地模型

壓縮後的場地模型支援旋轉、縮放、舞台聚焦與全螢幕檢視。

互動式場地模型