自主创意实验 · 互动 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 视觉
- 响应式互动设计
业务价值
这个项目说明什么
这个项目展示了如何把一个鲜明的视觉想法转化成可以被探索、记住并分享的互动网站体验。
从这里开始
想把这个方向做成真实网站？
发我你的公司类型、现有网站或参考网站、目标客户和预算范围。我会先帮你收窄合适范围。