自主創意實驗 · 沉浸式 3D 作品集
ZequnWeb 沉浸式 3D 作品集
ZequnWeb 自主實驗作品集，以即時 3D 粒子場景、懸浮專案預覽及分類導覽，讓訪客在探索中發現作品。
查看設計與實作說明
作品拆解
從頁面結構，到實際畫面。
ZequnWeb 自主作品，非客戶委託；Demo 中的品牌、評價與數據屬於展示內容，不代表已核實的客戶成果。
完整網站與手機畫面
英文 Demo 的桌面與手機長圖會自動從頂部展示到底部。可暫停後手動捲動、從頭重播，或開啟原圖。
01 / 頁面架構
訪客的資訊瀏覽動線
- 01創作者定位
- 02內容分類
- 03精選影片
- 04社群
- 05品牌合作
- 06周邊
- 07聯絡
02 / 視覺設計
以深色冰霜視覺和電影感首頁區別於插畫作品集方向，粉絲內容與品牌合作區塊分別回應兩類訪客需求。
03 / 響應式取捨
內容卡片與合作選項按單欄排列，社群和聯絡連結提供直接目的地。
依據現有實作整理的設計分析，不將其表述為客戶研究或使用者測試紀錄。
具體實作
技術組合
- Next.js
- React
- Cloudflare Pages
僅列出現有作品紀錄或公開腳本可支持的技術；內容架構與 UX 在上方個別說明。
自主概念設計
交付內容與作品結果
作品背景
從使用者需要的資訊開始。
同時面向粉絲與品牌合作方的創作者網站實作展示，兼顧人物風格、內容探索及合作資訊。
設計與實作方式
以電影感主視覺串聯五類內容、精選影片、社群評價、四種品牌合作方式與周邊商品，提供不同訪客所需的入口。
內容與功能
- 直播主與創作者品牌首頁
- 內容、社群與精選影片區塊
- 品牌合作、周邊商品與聯絡動線
這個頁面展示設計與實作能力，並非台灣客戶實績；示範中的品牌、空間、評價或其他內容不代表 ZequnWeb 已驗證的客戶成果。
討論您的網站
把適合的做法帶到您的業務。
分享目標客戶、必要內容與功能，一起確認下一步的製作範圍。