自主創意實驗 · 沉浸式 3D 作品集
ZequnWeb 沉浸式 3D 作品集
ZequnWeb 自主實驗作品集，以即時 3D 粒子場景、懸浮專案預覽及分類導覽，讓訪客在探索中發現作品。
查看設計與實作說明
作品拆解
從頁面結構，到實際畫面。
ZequnWeb 自主作品，非客戶委託；Demo 中的品牌、評價與數據屬於展示內容，不代表已核實的客戶成果。
完整網站與手機畫面
英文 Demo 的桌面與手機長圖會自動從頂部展示到底部。可暫停後手動捲動、從頭重播，或開啟原圖。
01 / 頁面架構
訪客的資訊瀏覽動線
- 01包裝類型
- 02盒型預覽
- 03材料工藝
- 04概念項目
- 05詢價摘要
02 / 視覺設計
以包裝攝影呈現材質，盒型預覽把外觀與尺寸、工藝連接起來，並區分配置操作與產品介紹的閱讀層級。
03 / 響應式取捨
配置項按縱向順序配合預覽，讓尺寸、材料和數量可以在窄螢幕逐項核對。
依據現有實作整理的設計分析，不將其表述為客戶研究或使用者測試紀錄。
具體實作
技術組合
- Next.js
- React
- Cloudflare Pages
僅列出現有作品紀錄或公開腳本可支持的技術；內容架構與 UX 在上方個別說明。
自主概念設計
交付內容與作品結果
ZequnWeb 的設計決策與示範檢查
為什麼這樣安排頁面
ZequnWeb 將盒型、尺寸、材料、工藝及數量連接成包裝需求摘要。盒型預覽支援探索，規格連結把已選尺寸帶到下一步，減少重新填寫需求的步驟。
示範檢查日期:
- 將長度改為 240 毫米後，包裝連結傳遞相同數值。
- 盒型預覽的開啟與關閉控制項可以切換，本次沒有提交詢價表格。
本次檢查範圍
配置器用於設計示範，不驗證生產可行性、價格、印刷準確性、永續認證或供應商接收。
下載具日期的示範檢查紀錄（英文 JSON） ↓作品背景
從使用者需要的資訊開始。
這是 ZequnWeb 自主製作的網站概念，企業、產品及專案資訊用於展示設計，並非客戶委託成果。
設計與實作方式
將產品探索、可配置的盒型預覽、材料工藝比較、概念專案及本地詢價摘要組織成完整瀏覽路徑。
內容與功能
- 包裝產品目錄
- 互動結構預覽
- 尺寸、材料、工藝與數量配置
- 概念作品與生產資源
- 本地詢價摘要介面
這個頁面展示設計與實作能力，並非台灣客戶實績；示範中的品牌、空間、評價或其他內容不代表 ZequnWeb 已驗證的客戶成果。
討論您的網站
把適合的做法帶到您的業務。
分享目標客戶、必要內容與功能，一起確認下一步的製作範圍。