介面研究與練習 · 服務網站與客戶工作台研究
CUT.STUDIO 影片剪輯工作室
獨立研究 Nas.com 介面，重建 31 個原站公開頁面，並接入真實客戶與管理員流程，涵蓋需求、私有檔案、回饋與版本審閱。
查看設計與實作說明作品拆解
從頁面結構，到實際畫面。
ZequnWeb 自主作品，非客戶委託；Demo 中的品牌、評價與數據屬於展示內容，不代表已核實的客戶成果。
完整網站與手機畫面
英文 Demo 的桌面與手機長圖會自動從頂部展示到底部。可暫停後手動捲動、從頭重播，或開啟原圖。
01 / 頁面架構
訪客的資訊瀏覽動線
- 013D 場景
- 02項目預覽
- 03作品分類
- 04項目索引
- 05聯絡
02 / 視覺設計
以懸浮影像和虹彩粒子構建空間感，簡潔導覽在動態場景中提供穩定的閱讀錨點。
03 / 響應式取捨
窄螢幕保留場景與直接導覽，項目索引為尋找具體作品提供文字路徑。
依據現有實作整理的設計分析，不將其表述為客戶研究或使用者測試紀錄。
具體實作
技術組合
- WebGL
- JavaScript
- Cloudflare Pages
僅列出現有作品紀錄或公開腳本可支持的技術；內容架構與 UX 在上方個別說明。
自主創意實驗
交付內容與作品結果
作品背景
從使用者需要的資訊開始。
這是 ZequnWeb 發佈於獨立示範站的自主作品集實驗，展示工作室自身的作品與概念，並非客戶委託專案。
設計與實作方式
將懸浮專案預覽置於即時 3D 粒子場景中，結合滾動互動、分類導覽及獨立專案索引，連接視覺探索與直接瀏覽。
內容與功能
- 沉浸式 3D 作品集體驗
- 懸浮專案預覽與滾動互動
- 專案分類及一般作品索引
- 10 秒網站實錄預覽
這個頁面展示設計與實作能力，並非台灣客戶實績；示範中的品牌、空間、評價或其他內容不代表 ZequnWeb 已驗證的客戶成果。
討論您的網站
把適合的做法帶到您的業務。
分享目標客戶、必要內容與功能，一起確認下一步的製作範圍。