Bio Campus
Life, connected.
万物链 · 校园生态数字导览与互动平台
AI Ecology Platform / Campus Service System
2025 · Huiteen
Nature is close.
Discovery is missing.
从每天经过的自然景观,到愿意停下来认识的校园生态。
校园中的植物、动物与栖息地就在日常路径里,但相关信息分散在不同入口。学生和访客能够看见自然,却不容易继续了解它、记录它,或把一次观察分享给其他人。
万物链以校园为具体场景,提出一个连接生态信息与公众参与的概念平台:用网页建立入口,以移动端支持探索,再通过互动任务把短暂的好奇转化为持续的观察。
A shared campus ecology
让发现、记录与传播
连接到同一个入口。
- 01 / 学生与访客
- 从身边的自然对象进入,了解物种,选择探索路径。
- 02 / 校园生态内容
- 把物种、栖息地与空间信息组织成可阅读、可浏览的内容。
- 03 / 参与与反馈
- 通过观察记录与分享补充内容,让个人探索连接公共知识。
One observation.
A connected loop.
先梳理信息如何产生和流动,再决定每个界面的任务。
系统逻辑围绕「发现 → 识别 → 了解 → 收藏 → 分享」展开。校园自然对象是探索的起点,物种内容承担解释,互动入口则让用户继续记录和传播。
概念闭环把用户提供的信息、平台内容与反馈机制放在一起考虑。内容采集、专业审核和更新责任是后续运营需要解决的部分,当前方案主要展示这些环节之间的设计关系。
Start with a view.
Stay for a discovery.
让网页成为理解项目、浏览内容和进入探索的连续入口。
网页端从校园场景与品牌介绍开始,逐步展开服务模块、观察记录与生态探索内容。图片卡片和模块化信息把抽象的生态议题转化成可进入的具体对象。
页面的阅读顺序对应从认识平台到选择行动的过程:先说明这里有什么,再展示可以如何探索,最后把用户带向记录与参与。绿色视觉语言贯穿品牌与内容,让不同模块保持同一个平台的识别感。
Website experience
沿着阅读顺序,
建立探索的动机。
- 01 / 认识平台
- 以校园自然场景和品牌主张建立第一印象。
- 02 / 浏览服务与内容
- 通过服务模块、自然观察和生态内容理解平台能力。
- 03 / 进入探索
- 把浏览兴趣引向地图、物种信息和后续互动入口。
From browsing.
To exploring.
把网页里的内容,带回用户正在行走的校园。
移动端围绕物种详情、社区、识别、分享和探索地图组织入口,让用户能够在真实场景中继续查看内容,而不只停留在网页介绍。
引导页面将数据收集、栖息地选择和物种信息串联起来。这里展示的是概念原型中的操作路径,用于说明不同页面如何接力完成一次探索。
Meet the species.
In its own habitat.
用识别与 AR 交互,让数字内容回应身边的自然。
AR 交互方案把扫描识别、实景二维码与不同生态场景连接起来。用户从线下对象出发,进入对应的物种内容,并获得进一步了解栖息地的入口。
这一部分用于探索数字导览与现场体验如何衔接。识别准确性、生态数据质量与实际场景中的使用效果,仍需要在后续试点中验证。
Follow the flow.
See the interaction.
把概念关系,放进一段段可以观看的操作流程。
App 延展动图分别展示生物生长收集入口、栖息地选择、扫描识别与物种详情。它们补充了静态界面之间的过渡,说明用户如何从选择场景进入具体内容。
这些动效与网页、移动端共同构成项目的概念原型。当前版本重点在信息组织、视觉表达与交互路径,持续参与机制及生态内容共建仍需真实运营验证。
Discovery becomes
a connection.
万物链尝试把校园自然从日常背景转化为可被认识、记录与分享的内容。设计的重点,是让一次发现有清晰的下一步,也让不同终端共同承载一条连续的探索路径。
- Project
- 万物链 / 2025
- My focus
- 信息架构 / 网页视觉 / 移动端界面 / 品牌视觉 / 交互流程 / 概念原型
- Deliverables
- 校园生态平台信息架构;网页与移动端界面;品牌视觉延展;AR 交互方案;App 操作动效与概念闭环。
- Next step
- 进一步明确生态内容的专业审核与更新机制,通过校园试点验证识别体验、内容质量和持续参与意愿。