定制 3D 舞台场景
交互式绸吊与空中器械 3D 场景将艺术家的舞台演出搬上网页，兼具自适应渲染性能与优雅的静态备用呈现。
Adele Deliss
我为一位国际空中表演艺术家设计并构建了多语言交互平台，融合定制 3D 舞台场景与集成化教学工作区，深度支持课次预约、会员订阅管理与内置邮件流转。
端到端产品设计与 Full-Stack 全栈工程双面一体的产品系统
常规排课与会员订阅
周期性课程、定期会员名额、出勤追踪与节假日排课规则，将学员端无缝接入艺术家的日常管理后台。
集成式 Mailroom 邮件中台
入站咨询、邮件会话树、附件与品牌定制回复，均在管理控制台中集中流转处理。
落地实践路径
国际舞台巡演，日常教学授课。
演出活动主办方需要全方位了解艺术家的表演风格并快速发起邀约；新学员需要清晰无阻的预约申请通道，而老学员则需要随时查看课表与个人出勤记录。对于 Adele 而言，在紧锣密鼓地管理这些复杂关系的同时，必须确保所有申请、日程排期与日常沟通井然有序。
富有张力的艺术舞台，务实严谨的工作室中台。
我围绕定制 3D 空中器械舞台与多语言呈现设计并构建了公共站点。在系统背后，专属学员中心与管理员工作区通过共享业务逻辑，将课程审批、循环排课、会员订阅与日常邮件沟通深度咬合为统一整体。
负责产品设计、前端与后端全栈工程、排课与订阅核心领域逻辑、学员中心与管理控制台、邮件流转基础设施以及定制 3D 场景开发——将客户原生的艺术素材严谨融入品牌视觉识别系统。
01 / 04LIVE SITE
AD / 定制 3D 舞台场景
定制 3D 舞台场景
交互式绸吊与空中器械 3D 场景将艺术家的舞台演出搬上网页，兼具自适应渲染性能与优雅的静态备用呈现。
02 / 04产品实证
AD / 课程预约与学员中心
课程预约与学员中心
学员可实时查看档期、提交预约申请，并在专属学员中心追踪预订记录与出勤状态。
示意界面 · 示例数据
03 / 04产品实证
AD / 常规排课与会员订阅
常规排课与会员订阅
周期性课程、定期会员名额、出勤追踪与节假日排课规则，将学员端无缝接入艺术家的日常管理后台。
示意界面 · 示例数据
04 / 04产品实证
AD / 集成式 Mailroom 邮件中台
集成式 Mailroom 邮件中台
入站咨询、邮件会话树、附件与品牌定制回复，均在管理控制台中集中流转处理。
示意界面 · 示例数据
产品实证
定制 3D 舞台场景
交互式绸吊与空中器械 3D 场景将艺术家的舞台演出搬上网页，兼具自适应渲染性能与优雅的静态备用呈现。
自适应各类设备的 3D 沉浸式场景。
Three.js 器械场景与基于 Verlet 物理积分的绸吊模拟共用同一个持久化渲染上下文。自适应分辨率、视口外自动暂停以及周全的静态兜底方案，确保动画即便在低端设备上也不会出现卡顿。
完全围绕工作室真实授课逻辑量身定制。
排课核心将约课申请、周期性循环大课、会员订阅名额以及出勤规则紧密绑定。纯领域逻辑函数与数据库存储层彻底解耦，无论在本地单元测试还是生产云端均能稳定复现相同的业务决策。
- 学员提交申请
- 艺术家审批确认
- 课程排期确认
- 每周循环大课
- 特定日期课次
- 专属预留名额
- 考勤出勤记录
约课申请亦可被婉拒或协商推迟至其他备选时段。定期会员订阅名额遵循各自独立的专属席位锁定与出勤核销规则。
深度集成于管理控制台的 Mailroom 邮件系统。
无缝挂载于管理员工作区的 Mailroom，直接统一处理入站演出咨询、约课请求、会话上下文树追踪及品牌化邮件回复，让重要商务沟通不再流失于外部个人邮箱之中。
- 入站邮件接收
- 原始邮件与会话树存储
- 安全沙盒阅读器
- 回复成功送达
清晰严谨的业务规则，界限分明的系统架构边界。
公共门户网站、学员中心与管理员工作区通过类型安全的服务契约（Type-safe Service Contracts）彼此通信。由于工作室业务逻辑与数据库存储及邮件发送实现保持严密分离，排课逻辑既可以在本地高效完成全自动化测试，又能在 Cloudflare 上以高可用形态稳定运行。
舞台展示与工作室管理的一体化系统
访客可以领略艺术家的经典演出并直接发起邀约或约课；学员在专属中心轻松管理个人课程与出勤；艺术家则在统一的控制台中统揽所有预约、课程表与邮件沟通。
基于 Next.js、React、TypeScript、Three.js、GSAP 和 Lenis 构建，并通过 OpenNext 部署于 Cloudflare Workers 边缘网络，底层无缝结合 D1、R2、Better Auth、Resend 与 Cloudinary。
当创意表达与严谨工程相互交融，数字产品既能生动传递艺术家的独特灵魂，又能在其日常专业运营中提供坚实不移的高效支撑。
携手打造 真正具备价值的产品。
构想一款新产品，优化一套业务系统，或是攻克一个值得深究的技术难题。
[email protected]