校汇圈CAMPUS SOCIAL APP · v1.0
Campus Social App · Prototype v1.0

校汇圈

校内的活动通知、搭子组队、社团圈子、闲置交易,都在这里发生。

产品形态
移动端 App(iOS / Android),配套社团与校方轻量后台
原型范围
10 个页面,画板统一 390 × 844
承担角色
产品定义、信息架构、界面与视觉、原型实现、需求文档
校园动态广场 寻找搭子 二手交易市场
校园动态广场 · 寻找搭子 · 二手交易市场
01

问题与定位

校园里的信息和关系分散在不同渠道,且按发布者组织,而不是按学生的实际需求组织。

教务通知走官网和辅导员群,社团招新靠海报和摆摊,二手交易散落在毕业群与论坛,找搭子基本依赖熟人介绍。想找考研搭子的人得翻完十几个群,而且无法判断对方是否真的会来。

同时,学生对「同校身份」的信任度远高于开放平台。校园场景天然具备实名、可追责、线下可达三个条件,这三点在通用社交产品里都不成立。

现状问题

普通学生
活动信息看到得太晚;找搭子没有可信入口;闲置卖不掉也买不到合适的。
活动主办方
报名靠问卷、签到靠纸表,报名后无法二次触达,出勤率低。
社团
招新依赖线下摆摊,成员进来就沉默,动态发出去没人看。
校方运营
缺少校园内容的统一入口,违规内容与舆情无法及时掌握。
校汇圈是一个以在校身份认证为前提的校园社区产品,只解决四件具体的事:知道有什么事、找到一起去做的人、找到同好圈子、把闲置流转出去

与现有渠道的差异

维度 微信群 / QQ 群 综合二手平台 校园论坛 校汇圈
身份可信强(学籍 + 校园卡双重认证)
信息结构化无,纯消息流强,仅交易强(活动 / 搭子 / 圈子 / 商品四类)
线下可达强(同校区、可约面交与集合点)
可追责部分是(信用分 + 违规记录)
报名与签到有(名单、签到码、出勤统计)
02

竞品分析

判断竞品的标准不是「谁也叫校园社交」,而是用户现在拿什么来替代我们。按这个标准,校汇圈面对的不是一个对手,而是五类。

1 · 校园官方平台

今日校园 · 完美校园 · 易班 · 到梦空间

定位:学校主导的服务与信息系统,承载一卡通、请假、缴费、通知;到梦空间这类第二课堂学分系统还承担活动报名、签到与学分记录。

优势
  • 身份与数据天然打通,通知有官方权威性
  • 报名、签到、学分有学校背书,社团必须使用
  • 覆盖率高,开学即被要求安装
短板
  • 以事务办理为目标,办完即走,停留时间短
  • 内容生态弱:没有搭子、没有二手,圈子几乎不产生 UGC
  • 界面以功能和表格为先,缺少「想点开」的理由

对我们的意义:不与它争官方事务,只接它管不了的部分——内容、关系、学生自组织的组队与非正式交易。认证环节可以直接复用学校统一身份。

2 · 校园工具+社区

超级课程表 · 校园表白墙类账号

定位:从课表、成绩这类高频工具切入再用圈子留人;表白墙则以「匿名投稿 + 人工转发」为核心,多由学生个人号或公众号运营。

优势
  • 工具属性带来高频打开,课表每天都看
  • 表白墙内容量极大,话题帖能在校内快速扩散
  • 运营成本低,个人号即可起量
短板
  • 匿名带来可信度问题,广告与虚假信息难治理
  • 内容散落在聊天记录与截图里,不可检索、不可沉淀
  • 工具与社区两张皮,课表用户不一定是社区用户

对我们的意义:不跟匿名流量较劲,做「实名可追责」的确定性;同时必须有一个每天值得打开的入口,否则会退化成低频工具。

3 · 泛社交与内容平台

小红书 · Soul · 探探

定位:内容推荐或陌生人社交,校园内容是其中自然生长的子集。

优势
  • 推荐算法强,内容消费轻,占据年轻用户时长
  • 校园话题(找搭子、探店、闲置)已有大量真实内容
  • 交互与视觉成熟,用户习惯已被教育
短板
  • 没有学籍身份、没有同校约束、没有线下集合与签到
  • 陌生人社交自带约会预期,反向抑制「找学习搭子」的低压力需求
  • 组队与交易缺少履约机制,容易遇到跨城、放鸽子

对我们的意义:护城河不是内容质量,而是「同校 + 实名 + 能落地」三个约束;学习它的内容表达,不学它的弱约束。

4 · 二手交易

闲鱼 · 转转等平台与校内二手群
优势
  • 供给与担保体系成熟,可议价、可快递、有仲裁
  • 二手心智强,主流平台也在做校园专区的运营推广
  • 商品展示与搜索成熟
短板
  • 校内交易的核心是「15 分钟见面交付」,平台流程偏重
  • 小额物品(一本书、一个台灯)走平台不划算
  • 校内二手群最方便,但翻找困难、消息 24 小时即失效

对我们的意义:不做全网交易,只做同校区,把「距离」做成核心筛选器;用面交确认码与信用记录解决信任,而不是一上来就做平台担保。

5 · 真正的最大对手

微信群 · QQ 群

定位:校园信息流转的默认基础设施,也是所有校园产品的流量来源。

优势
  • 零迁移成本,一条消息覆盖全班或全院
  • 群内已有关系链,同学身份自明
  • 没有审核与规则,没有学习成本
短板
  • 信息按时间流消失,翻消息成本随人数上升
  • 无法筛选、无法报名、无法统计、无法评价
  • 群主毕业或失去维护后,群直接废掉

对我们的意义:短期不试图替代群,而是做「群消息的落地页」——群内发卡片,跳转校汇圈报名或成交,结果再回到群里。冷启动渠道就是班级群与社团群,而不是买量。

竞品对比矩阵

能力 官方平台 工具+社区 泛社交平台 二手平台 微信群 / QQ 群 校汇圈
在校身份可信中(靠熟人)
活动通知与报名签到强(官方活动)强(学生自组织)
搭子组队与履约
社团内容与成员沉淀
二手交易闭环中(同校区面交)
线下可达性
内容可检索可沉淀
打开频次高(工具)中高
表格可左右滑动查看完整对比。

结论:切入点与壁垒

  1. 官方平台有身份没内容,社交产品有内容没身份,群有流量没结构。校汇圈的立足点就是把三者合起来:实名 + 内容 + 线下动作。
  2. 不在单点上硬拼。课表打不过超级课程表,教务打不过今日校园,因此改做场景串联:报名的人顺带找搭子,找搭子的人顺带进圈子,卖东西的人顺带留下信用。
  3. 借群的流量,而不是抢群的人。定位成「群里的落地页」,让群负责传播、产品负责结构化与留痕。
  4. 壁垒沉淀在两处:可追责的信用记录,以及同校区的即时性。这两样都需要时间积累,也是大平台短期内不愿意为单个学校做的。
  5. 需要盯住的风险:内容平台向校园场景下沉、官方平台补齐社交功能、二手平台在校内的补贴式推广。
03

页面清单

10 个页面覆盖四条主线:活动、搭子、圈子、交易,外加消息与个人中心两个支撑页。每页都写了它要解决的问题,避免出现「有界面没理由」的页面。

编号页面文件这一屏解决的问题
01校园动态广场pages/home.html让学生三秒内知道校内正在发生什么
02活动详情pages/activity-detail.html一次说清报名前的所有犹豫点
03寻找搭子pages/partner.html把「找个人一起」变成可筛选的列表
04搭子详情pages/partner-detail.html加入前能看清人和规则
05社团爱好圈pages/clubs.html给社团能发内容、能留人的地方
06社团主页pages/club-detail.html招新从摆摊变成可追踪的流程
07二手交易市场pages/market.html校内闲置 3 分钟发布、14 天成交
08商品详情pages/market-detail.html讲清东西、人和交货方式
09消息中心pages/messages.html每一步都有回执,记录可回溯
10个人中心pages/profile.html集中呈现身份、资产与信用
04

逐屏说明

每屏按「解决的问题 / 设计要点 / 规则要点」三段说明。图片为 2 倍图导出,点击标题可打开对应页面的可交互版本。

校汇圈全部页面总览
校园动态广场
01 / 核心入口打开原型
01

校园动态广场

打开 App 先看到什么。这一屏要让用户在三秒内判断「有没有值得去的事」,并且两步之内能进入报名。

设计要点

  • 顶部固定校区切换与搜索框,多校区学校切换后列表与交易地点同步过滤。
  • 分类用横向 chip,末尾留「筛选」入口;置顶公告单独做样式,与普通活动明确区分。
  • 活动卡直接带报名进度条与截止时间,不点进详情也能判断还来不来得及。
  • 页尾接一段社团动态,让广场同时承载「活动」和「内容」,避免只有通知时页面显得空。

规则要点

  • 活动状态五种:报名中、即将开始、无需报名、已结束、名额已满。
  • 列表默认按报名截止时间升序,已截止活动下沉并置灰。
  • 名额满后按钮变为「名额已满」,可加入候补队列。
  • 开始前 24 小时与 1 小时各推送一次提醒,用户可在详情页关闭。
活动详情
02 / 报名转化打开原型
02

活动详情

报名前的犹豫主要来自不确定——还有名额吗、几点在哪、要准备什么、谁已经报了。这一屏把这些问题一次回答完。

设计要点

  • 报名数据卡放在最前,三个数字加一条进度条,替用户先算好。
  • 信息、议程、须知分三块呈现;须知用编号列表,主办方可以按活动增删。
  • 报名名单用头像组加「最近报名」记录,比孤零零一个数字更有临场感。
  • 底部固定「立即报名」,不遮挡正文,也不随滚动丢失。

规则要点

  • 报名必须使用认证学号,报名姓名与认证信息一致才能入场。
  • 报名截止默认是活动开始前 2 小时,名额满则进入候补。
  • 开始前 4 小时内不可取消,避免占位;取消后名额立即释放。
  • 签到码在开始前 30 分钟推送,扫码后计入第二课堂学分。
寻找搭子
03 / 组队列表打开原型
03

寻找搭子

把「找个人一起」从熟人打听,变成有筛选条件、有约定约束的列表。

设计要点

  • 学习、吃饭、旅游、运动四类用分段 tab 切换,配合校区、时间、性别三个筛选条件。
  • 卡片信息密度是这一屏的重点:需求原文 + 约定标签 + 成员进度。
  • 人数进度与按钮状态直接暴露「还缺不缺人」。
  • 右下角悬浮按钮唤起统一发布面板,三个发布入口收在一处,不占标签栏。

规则要点

  • 描述与备注中不得出现微信、QQ、手机号,命中即提示修改。
  • 每人同时进行中的搭子不超过 10 个,避免刷量。
  • 旅游类搭子必须填写费用分摊方式。
  • 发起人解散后,成员收到通知并收到相似搭子推荐。
搭子详情
04 / 成员与规则打开原型
04

搭子详情

申请之前要有判断依据——人是谁、规则是什么、现在几个人、加入之后会发生什么。

设计要点

  • 发起人卡片带认证标识和历史记录(发起次数、好评率),先建立可信度。
  • 约定信息用键值列表:类型、地点、频率、人数、性别要求、备注,把口头约定固化成条目。
  • 成员区直接画出空位,比只写「缺 2 人」更直观。
  • 加入流程用三步说明,减少「点了会发生什么」的不确定。

规则要点

  • 申请人可附 100 字以内自我介绍,默认填入,降低申请门槛。
  • 发起人需在 24 小时内确认或拒绝;申请人 48 小时后可撤回。
  • 确认后自动创建搭子群,群内同步集合地点与时间。
  • 人数满员后标记「已组满」,仍可收藏,但不再接受申请。
社团爱好圈
05 / 社区内容打开原型
05

社团爱好圈

社团需要一个能持续发内容、能留住成员的地方,学生也需要一个发现圈子的入口。

设计要点

  • 「我的圈子」放在最上,显示本周动态数与未读数,直接解决「加入之后就不看了」。
  • 圈子动态支持九宫格图片与互动计数,视觉上更接近内容产品,而不是公告栏。
  • 推荐社团用统一卡片结构:标签、成员数、活跃度、近期动态、加入按钮。
  • 页尾用「本周活跃榜」给社团一个可竞争的指标。

规则要点

  • 官方社团需校团委注册信息核验;兴趣小组由 3 人以上发起,10 人转正。
  • 社团公告默认圈内可见,勾选「同步到广场」后需运营审核。
  • 招新报名支持最多 5 道自定义问题,结果可导出表格。
  • 兴趣小组 90 天无动态自动归档,管理员可申请恢复。
社团主页
06 / 社团转化打开原型
06

社团主页

把招新从「摆摊发传单」变成可报名、可追踪、可复盘的流程。

设计要点

  • 头部是封面 + 校团委注册标识 + 成立年份,先给可信度再讲内容。
  • 数据行(成员数、动态数、本周活跃)替代空泛的社团简介。
  • 招新公告单独成块,含截止时间、招募人数、面试时间与报名按钮。
  • 近期活动与圈子动态并列,让新生看到「加入以后会做什么」。

规则要点

  • 招新可设置招募人数、面试时间与自定义报名表。
  • 社团发起的活动与活动模块打通,报名与出勤数据回流。
  • 成员超过 500 人的社团可申请分层管理(v1.1)。
  • 负责人公开平均回复时长,作为对新人的预期管理。
二手交易市场
07 / 交易列表打开原型
07

二手交易市场

让校内闲置能快速发布、快速被看见,并且交易过程有据可依。

设计要点

  • 双列商品流,价格用品牌色之外的颜色强调,成色与校区作为固定标签。
  • 排序提供四种口径:综合、最新发布、价格最低、离我最近。
  • 交易安全提示固定在列表下方,把风险提醒放在决策之前。
  • 价格区间入口与「近 7 日新增」数字,给随便逛逛的人一个低成本入口。

规则要点

  • 分类五类:教材书籍、数码电子、生活用品、运动户外、票券。
  • 图片 1–5 张,数码类必须上传序列号或购买凭证照片。
  • 禁止交易物品命中即拦截:管制刀具、烟酒、处方药、代写论文、账号出租等。
  • 单用户每日发布上限 10 件,标题禁止出现「代购」「批发」等商用词。
商品详情
08 / 交易决策打开原型
08

商品详情

买家最关心的三件事——东西怎么样、人靠不靠谱、怎么交货。

设计要点

  • 图片区带页码与指示点,首图即封面,明确告知一共有几张实拍。
  • 价格行同时给出原价、想要人数与议价空间,把「能不能砍价」提前说清。
  • 卖家卡片集中展示认证、成交笔数、好评率、综合评分与平均回复时长。
  • 交易方式与地图示意图并列,写清到具体楼栋,并提示约在公共区域。

规则要点

  • 点击「立即购买」后商品锁定 2 小时,其他买家看到「交易中」。
  • 面交确认码由买卖双方各自确认后订单完成,并生成互评入口。
  • 超时未确认自动关闭订单,商品重新上架。
  • 面交后发现质量问题,7 日内可上传记录与照片发起申诉。
消息中心
09 / 触达通道打开原型
09

消息中心

报名、交易、组队的每一步都要有回执,用户也要能找回记录。

设计要点

  • 分三类:聊天(群聊与单聊)、通知(业务回执)、互动(点赞、评论、拍下)。
  • 聊天列表直接显示最后一条消息与未读数,搭子群优先展示。
  • 通知区覆盖五类关键信息:报名成功、活动提醒、交易通知、认证结果、内容审核。
  • 审核驳回的通知带「去修改」按钮,把负反馈变成可执行的动作。

规则要点

  • 未读计数统一在标签栏与入口红点显示,超过 99 显示 99+。
  • 活动类通知在活动结束后 48 小时自动归档。
  • 通知不可删除,只能标记已读,保证报名与交易记录可回溯。
  • 交易与报名结果类通知属于必要通知,不可关闭。
个人中心
10 / 用户资产打开原型
10

个人中心

把用户在这套校园产品里的身份、资产与信用集中呈现。

设计要点

  • 身份卡展示认证状态与脱敏学号,明确「这是一套实名体系」。
  • 进行中的搭子带打卡进度条,把「坚持」变成可见的结果。
  • 交易、报名、收藏分组呈现,避免变成设置项堆叠。
  • 信用与评价区块给出评分、好评率、违规记录与守约率。

规则要点

  • 认证流程:学信网校验学籍 + 绑定校园卡,认证后解锁全部能力。
  • 信用分构成:交易履约 60%、搭子守约 25%、内容规范 15%。
  • 信用分低于阈值限制发布与购买;违规累计 3 次限制发布 7 天。
  • 隐私默认值:位置精度只到校区级,仅在交易与面交时提升到楼栋。
05

设计规范

一个主色、一个点缀色、一套线性图标。所有页面共用同一份样式表,改一处即可全局生效;页面不使用表情符号替代图标。

校汇圈设计规范

色板

品牌主色#146B5C
按钮 / 选中态
主色浅底#E7F1EE
标签 / 提示条
点缀色#DD6B34
预告 / 招新中
价格警示#C2453C
价格 / 未读
主文字#12161C
标题 / 正文重点
次要文字#6C7683
时间 / 地点
描边#E5E8EC
卡片边界
页面底色#F4F5F7
内容区背景

字号

层级规格用途
页面主标题19px / 650活动名称、社团名称、商品标题
卡片标题16px / 650列表卡片主标题
正文13–14px / 400需求描述、活动介绍
元信息12.5px / 400时间、地点、人数
标签11px / 500状态、分类、属性

组件与图标

组件
活动卡、搭子卡、商品卡、动态卡、信息键值行、议程时间轴、编号须知、进度条、头像组、状态标签、分段 tab、筛选 chip、底部操作栏、发布面板、轻提示。
圆角与间距
卡片 14px,按钮 9px,胶囊 15px / 22px,弹层顶部 20px;页面左右留白 16px,卡片内边距 14px。
图标
24 × 24 网格,1.7px 圆头线性描边,共 32 个,集中在 assets/js/icons.js
一条硬规则
不使用表情符号替代图标。这是本产品视觉上刻意保持克制的地方,也是页面看起来不像模板的原因之一。
06

核心流程

三条主流程串起整个产品:活动从报名到到场、搭子从发布到成组、闲置从发布到成交。每一步都对应明确的系统动作。

活动报名与到场

  1. 广场列表 → 活动详情
  2. 校验认证状态
  3. 提交报名(按学号 + 活动 ID 幂等)
  4. 报名成功通知 + 生成签到码
  5. 开始前 24 小时 / 1 小时提醒
  6. 现场扫码签到,计入第二课堂学分
  7. 结束后推送评价与相似活动

搭子成组

  1. 发布搭子(类型 / 描述 / 地点 / 频率 / 人数)
  2. 机器审核通过,进入列表
  3. 申请人提交申请
  4. 发起人确认
  5. 自动创建搭子群,群内同步时间地点
  6. 打卡与提醒
  7. 满员标记「已组满」,周期结束邀请互评

闲置成交

  1. 发布闲置(图片 / 标题 / 价格 / 成色 / 交易方式)
  2. 审核通过,列表曝光
  3. 买家聊一聊
  4. 立即购买并锁定 2 小时
  5. 线下验货
  6. 面交确认码双方确认
  7. 订单完成,互评与信用分更新
07

衡量指标与数据

先用可验证的指标定义「做成什么样算成功」,再反推功能优先级。北极星指标选周有效互动用户数,因为它同时约束了拉新、内容与交易。

指标

层级指标定义首期目标
北极星周有效互动用户数每周至少完成 1 次有效互动(报名、加入搭子、发帖、成交、有效回复)的认证用户覆盖认证用户 35%
拉新认证注册转化率进入 App 的用户中完成学籍认证的比例≥ 55%
留存次日 / 7 日留存首次互动后的留存次日 ≥ 40%,7 日 ≥ 22%
活动报名转化率活动详情页访问 → 提交报名≥ 35%
活动报名到场率实际签到 / 报名成功≥ 70%
搭子成组率发布后 72 小时内达到设定人数≥ 60%
搭子群 7 日活跃率建立后 7 日内仍有消息往来≥ 45%
交易成交率商品发布后 14 日内标记成交≥ 25%
安全举报处理时效举报到首次处置的中位时长≤ 4 小时

核心数据模型

实体关键字段
User昵称、真实姓名(加密)、学院、年级、校区、认证状态、信用分
Activity标题、主办方、分类、起止时间、地点、名额、报名截止、议程、须知、状态
Enrollment活动、用户、报名时间、状态、签到码、签到时间
PartnerPost发起人、类型、描述、地点、频率、时间、目标人数、性别要求、可见范围
PartnerApplication搭子、申请人、附言、状态(待确认 / 通过 / 拒绝 / 撤回)
Circle名称、类型(社团 / 兴趣小组)、认证信息、简介、成员数、管理员
Item卖家、标题、分类、价格、成色、交易方式、交易地点、状态
Order商品、买家、卖家、价格、状态、面交确认码、完成时间
08

版本规划与风险

v1.0 只做能跑通闭环的最小集合,签到、担保、看板等重功能放到后续版本;同时把冷启动、爽约、纠纷与合规风险单独列出来。

版本规划

版本范围验证目标
v1.0认证、广场与活动报名、搭子、圈子、集市、消息、个人中心报名转化率 ≥ 35%,搭子成组率 ≥ 60%
v1.1签到码与出勤统计、搭子打卡周报、交易担保与面交确认码到场率 ≥ 70%,成交率 ≥ 25%
v1.2圈子话题与投票、成员分层、消息订阅设置、搜索优化动态互动率 ≥ 30%,周有效互动覆盖 ≥ 35%
v1.3校园地图与集合点推荐、社团数据看板、跨校区活动互通社团活跃度与活动参与人数环比 +20%

主要风险

风险影响应对
冷启动内容不足用户来了没事可做开学前与学生会、5–10 个主力社团共建内容,活动与招新优先铺满广场
搭子爽约影响信任,用户流失打卡与守约记录、取消提醒、爽约降权;旅游类强制填写分摊方式
二手交易纠纷涉及金钱,投诉集中校内面交 + 确认码 + 7 日申诉窗口;禁止站外转账
违规内容与校外广告校园舆情与合规风险关键词拦截、机器审核、人工抽检、举报即时处置、与校方联动
隐私泄露学号与联系方式外流学号加密存储、默认展示昵称、位置只到校区级、敏感操作二次校验
考试周活跃下降指标波动考试周主推学习搭子与自习室信息,弱化活动与二手曝光
09

交付说明

交付物是一套可直接打开的静态原型:10 个可交互页面、13 张高清图、两份文档。没有任何构建步骤,双击 index.html 即可离线浏览。

校汇圈app/
├─ index.html                  作品集主页,10 屏总览 + 设计规范
├─ spec.md                     图文作品集版
├─ spec-prd.md                 文字版 PRD(字段 / 规则 / 验收清单)
├─ README.md                   查看与导入说明
├─ assets/
│  ├─ css/style.css            设计变量与全部组件样式
│  ├─ js/icons.js              线性图标库(32 个)
│  ├─ js/app.js                状态栏、标签栏与交互脚本
│  └─ screens/                 13 张高清图:封面 + 10 屏 + 总览 + 规范
└─ pages/                      10 个可交互页面
校汇圈封面
封面 · 2400 × 1500 · assets/screens/00-cover.png

页面中的活动、搭子、社团、商品与用户信息均为演示数据,不含真实接口调用;活动封面与商品图片使用带类别标注的色块占位,没有引入外部图片素材。

校汇圈 · 校园社交 App 原型作品集 v1.0 · 2026.09 页面 10 个 · 高清图 13 张 · 文档 spec.md / spec-prd.md