← Systems & Services
case study ↓

Bio Campus
Life, connected.

万物链 · 校园生态数字导览与互动平台

AI Ecology Platform / Campus Service System
2025 · Huiteen

Nature is close.
Discovery is missing.

从每天经过的自然景观,到愿意停下来认识的校园生态。

(01)

校园中的植物、动物与栖息地就在日常路径里,但相关信息分散在不同入口。学生和访客能够看见自然,却不容易继续了解它、记录它,或把一次观察分享给其他人。

万物链以校园为具体场景,提出一个连接生态信息与公众参与的概念平台:用网页建立入口,以移动端支持探索,再通过互动任务把短暂的好奇转化为持续的观察。

Brand / 以统一视觉连接校园生态内容与探索入口。

A shared campus ecology

让发现、记录与传播
连接到同一个入口。

01 / 学生与访客
从身边的自然对象进入,了解物种,选择探索路径。
02 / 校园生态内容
把物种、栖息地与空间信息组织成可阅读、可浏览的内容。
03 / 参与与反馈
通过观察记录与分享补充内容,让个人探索连接公共知识。

One observation.
A connected loop.

先梳理信息如何产生和流动,再决定每个界面的任务。

(02)

系统逻辑围绕「发现 → 识别 → 了解 → 收藏 → 分享」展开。校园自然对象是探索的起点,物种内容承担解释,互动入口则让用户继续记录和传播。

概念闭环把用户提供的信息、平台内容与反馈机制放在一起考虑。内容采集、专业审核和更新责任是后续运营需要解决的部分,当前方案主要展示这些环节之间的设计关系。

System Loop / 内容、用户行为与反馈机制的关系。

Start with a view.
Stay for a discovery.

让网页成为理解项目、浏览内容和进入探索的连续入口。

(03)

网页端从校园场景与品牌介绍开始,逐步展开服务模块、观察记录与生态探索内容。图片卡片和模块化信息把抽象的生态议题转化成可进入的具体对象。

页面的阅读顺序对应从认识平台到选择行动的过程:先说明这里有什么,再展示可以如何探索,最后把用户带向记录与参与。绿色视觉语言贯穿品牌与内容,让不同模块保持同一个平台的识别感。

Website / 原始完整长页,保留全部内容与上下文。

Website experience

沿着阅读顺序,
建立探索的动机。

01 / 认识平台
以校园自然场景和品牌主张建立第一印象。
02 / 浏览服务与内容
通过服务模块、自然观察和生态内容理解平台能力。
03 / 进入探索
把浏览兴趣引向地图、物种信息和后续互动入口。

From browsing.
To exploring.

把网页里的内容,带回用户正在行走的校园。

(04)

移动端围绕物种详情、社区、识别、分享和探索地图组织入口,让用户能够在真实场景中继续查看内容,而不只停留在网页介绍。

引导页面将数据收集、栖息地选择和物种信息串联起来。这里展示的是概念原型中的操作路径,用于说明不同页面如何接力完成一次探索。

Mobile / 从内容浏览到探索行动的五个入口。
Onboarding / 让用户理解如何进入校园生态探索。

Meet the species.
In its own habitat.

用识别与 AR 交互,让数字内容回应身边的自然。

(05)

AR 交互方案把扫描识别、实景二维码与不同生态场景连接起来。用户从线下对象出发,进入对应的物种内容,并获得进一步了解栖息地的入口。

这一部分用于探索数字导览与现场体验如何衔接。识别准确性、生态数据质量与实际场景中的使用效果,仍需要在后续试点中验证。

AR Interaction / 扫描、实景触点与生态场景的连接方式。

Follow the flow.
See the interaction.

把概念关系,放进一段段可以观看的操作流程。

(06)

App 延展动图分别展示生物生长收集入口、栖息地选择、扫描识别与物种详情。它们补充了静态界面之间的过渡,说明用户如何从选择场景进入具体内容。

这些动效与网页、移动端共同构成项目的概念原型。当前版本重点在信息组织、视觉表达与交互路径,持续参与机制及生态内容共建仍需真实运营验证。

01 / 收集入口
02 / 栖息地选择
03 / 扫描识别
04 / 物种详情
(07) / Reflection

Discovery becomes
a connection.

万物链尝试把校园自然从日常背景转化为可被认识、记录与分享的内容。设计的重点,是让一次发现有清晰的下一步,也让不同终端共同承载一条连续的探索路径。

Project
万物链 / 2025
My focus
信息架构 / 网页视觉 / 移动端界面 / 品牌视觉 / 交互流程 / 概念原型
Deliverables
校园生态平台信息架构;网页与移动端界面;品牌视觉延展;AR 交互方案;App 操作动效与概念闭环。
Next step
进一步明确生态内容的专业审核与更新机制,通过校园试点验证识别体验、内容质量和持续参与意愿。