自主創意實驗 · 互動 3D 網站
3D 海龜互動網站
結合即時 3D 海龜、水面光影與游標互動的沉浸式網站體驗，讓訪客透過移動與探索感受視覺設計。
這是自主製作、概念設計或介面練習，展示可查看的設計與實作；並非客戶委託成果，未提供客戶營收或轉化成效證明。
項目拆解
從頁面結構，到實際畫面。
ZequnWeb 自主作品，非客戶委託；Demo 中的品牌、評價與數據屬於展示內容，不代表已核實的客戶成果。
完整網站與手機畫面
英文 Demo 的桌面與手機長圖會自動從頂部展示到底部。可暫停後手動捲動、從頭重播，或開啟原圖。
01 / 頁面架構
訪客的資訊瀏覽路徑
- 01即時場景
- 02海龜探索
- 03品牌資訊
- 04聯絡
02 / 視覺設計
以海龜、水面和變化的光影構成主要視覺層級，精簡介面為場景留出空間，同時保留品牌資訊入口。
03 / 響應式取捨
場景鋪滿窄螢幕，靜態實拍記錄某一渲染時刻；動態、游標回饋和裝置效能屬於線上體驗中需分別觀察的部分。
依據現有實作整理的設計分析，不將其表述為客戶調研或使用者測試記錄。
具體實作
技術組合
- WebGL experience
- Cloudflare Pages
只列出現有項目記錄或公開腳本可支持的技術；內容架構與 UX 在上方獨立說明。
自主創意實驗
交付內容與項目結果
概念重點
設計與實作說明
項目背景
以海龜與水面為主題的 ZequnWeb 自主創意網站，展示互動視覺與前端實作。
設計帶來的改變
將 3D 模型、動態水面與使用者動作整合成可探索的體驗，並保留品牌資訊及聯絡入口。
可查看的設計重點
- 以即時 3D 海龜作為主視覺
- 水面光影與游標互動提供探索回饋
- 桌面與手機均保留品牌與聯絡動線
需要解決的問題
互動場景需要呈現海龜與水面光影，也需要保留品牌及聯絡資訊。
設計方案
將 3D 模型、動態水面與使用者動作整合成可探索的體驗，並保留品牌資訊及聯絡入口。
交付內容
- 沉浸式互動首頁
- 即時 3D 海龜視覺
- 游標驅動的探索與動態效果
技術與實作
- WebGL
- 即時 3D 視覺
- 響應式互動設計
項目價值
這個概念展示了甚麼
將 3D 模型、動態水面與使用者動作整合成可探索的體驗，並保留品牌資訊及聯絡入口。
查看其他項目 →由此開始
想把這個方向變成您的網站？
提供業務類型、現有網站或參考網站、目標客戶及大概預算，我會先協助您釐清有用的製作範圍。