Orbit AI|工作空间首屏概念
界面概念探索
一个 AI 工作空间首页的概念稿,中间的产品窗口按预设顺序演一遍“整理资料—看摘要—建任务”。内容都是虚构的,没有接模型或后端。
可交互原型
Orbit AI 首屏概念
滚动查看品牌首屏和产品窗口。窗口按预设内容演示,不连接 AI 模型、数据库或外部服务。
项目概况
Orbit AI 是一次 AI 工作空间首页的概念探索。中间窗口演示把公司资料整理、查看摘要、建立后续任务的过程串起来,让人大概知道这个产品想做什么。
要解决的问题
只看一句口号或静态界面,很难知道 AI 产品怎么帮人干活。所以挑资料整理到任务创建这一段,用连续演示讲清楚。
范围与限制
- 目前只有首屏和中间窗口的预设演示,没有做完整产品页面。
- 演示数据、公司名称、研究结果和任务内容都是虚构的。
- 动画不调用模型、数据库或外部 API,也不会真的写入工作空间。
- 布局参考了 Attio 等产品的首屏,没有直接使用它们的源码或素材。
设计过程
做了一版中文品牌首屏和中间的工作空间窗口,按预设顺序展示列表、资料摘要和后续任务,两侧卡片放相关消息和研究资料。
关键判断
把自动演示标注清楚
为什么这样做
演示是按预设内容播放的,没有调用 AI 模型。窗口里标了“预设演示”,让人知道现在看到的是什么。
用一个任务串起产品演示
为什么这样做
把资料整理、摘要和后续任务连起来,可以顺着一个任务看懂各个功能的关系。
工具
- HTML / CSS / JavaScript
- Web Animations API(预设动效)
做完了什么
完成了一套能在浏览器里看首屏概念和预设动效演示。没有完整应用、真实模型调用或后台数据。
复盘
- 自动播放的产品演示要说明内容是不是预设、功能有没有接通。
- 按一个任务的顺序展示功能,比同时摆一排功能卡片更容易讲清过程。
如何查看
滚动页面,可以观看品牌首屏进入工作空间的连续演示。中央窗口按预设顺序播放,当前没有后续完整页面。