自主创意实验 · 沉浸式 3D 作品集
ZequnWeb 沉浸式 3D 作品集
ZequnWeb 自主实验作品集，以实时 3D 粒子场景、悬浮项目预览和分类导航，让访客在探索中发现作品。
这是自主制作、概念设计或界面练习，展示可查看的设计与实现；并非客户委托成果，未提供客户营收或转化成效证明。
项目拆解
从页面结构，到实际画面。
ZequnWeb 自主作品，非客户委托；Demo 中的品牌、评价与数据属于展示内容，不代表已核实的客户成果。
完整网站与手机画面
英文 Demo 的桌面与手机长图会自动从顶部展示到底部。可暂停后手动滚动、从头重播，或打开原图。
01 / 页面架构
访客的信息浏览路径
- 013D 场景
- 02项目预览
- 03作品分类
- 04项目索引
- 05联系
02 / 视觉设计
以悬浮图像和虹彩粒子构建空间感，简洁导航在动态场景中提供稳定的阅读锚点。
03 / 响应式取舍
窄屏保留场景与直接导航，项目索引为查找具体作品提供文字路径。
依据现有实现整理的设计分析，不将其表述为客户调研或用户测试记录。
具体实现
技术栈
- WebGL
- JavaScript
- Cloudflare Pages
仅列出现有项目记录或公开脚本可支持的技术；内容架构与 UX 在上方单独说明。
自主创意实验
交付内容与项目结果
概念重点
这个概念展示什么
概念背景
这是 ZequnWeb 发布于独立示范站的自主作品集实验，展示工作室自身的作品与概念，并非客户委托项目。
改变了什么
将平面项目浏览转化为空间体验，动态卡片与粒子视觉配合熟悉的分类链接和全部作品索引。
设计与实现重点
- 在线示范可查看实时 3D 场景
- 分类导航与项目索引提供不同浏览方式
- 主导航保留作品、工具、关于与联系入口
- 作品预览为实际网站录制的 10 秒短视频
项目问题
作品集既需要留下鲜明的视觉印象，也要让访客方便地找到项目与联系入口。
解决方案
将悬浮项目预览置于实时 3D 粒子场景中，结合滚动交互、分类导航和独立项目索引，连接视觉探索与直接浏览。
交付内容
- 沉浸式 3D 作品集体验
- 悬浮项目预览与滚动交互
- 项目分类与常规作品索引
- 10 秒网站实录预览
技术栈
- WebGL
- JavaScript
- 响应式 CSS
- Cloudflare Pages
业务价值
这个项目说明什么
通过具有辨识度的视觉体验展示创意能力，同时保留直接查看项目与联系工作室的清晰路径。
从这里开始
想把这个方向做成真实网站？
发我你的公司类型、现有网站或参考网站、目标客户和预算范围。我会先帮你收窄合适范围。