背景
项目背景✦
PROJECT BACKGROUND
「菜师兄 · 云农场」
面向县域农业治理团队的农产品溯源与供应链管理平台，覆盖种植基地、加工中心、冷链物流、运维管理四大角色端，秉承"食品溯源看得见，安全健康有保障"的设计理念，致力于构建从田间到餐桌的一站式溯源服务生态。
云农场
YUN · NONG · CHANG
目标
项目目标✦
PROJECT OBJECTIVES
「核心目标」
围绕县域农业监管与消费端信任建设，打造一站式溯源与供应链管理小程序，实现从种植到消费的全流程数字化，提升监管效率并建立消费端可验证的溯源信任。
「功能目标」
核心业务：入库登记、出库绑定溯源码、扫码溯源、留样确认、商户入驻、消费端 H5 溯源查询
「溯源可信」
数据链路闭环可验证，实景照片+卫星地图+检测报告多模态呈现，建立消费端信任锚点。
「流程极简」
减少跨角色操作步骤，入库/出库/留样/扫码统一表单分组卡片模式，一人多角色一键切换。
「高效追踪」
留样确认进度时间轴可视化、溯源码三态语义（溯源中/已确认/已过期），异常实时可查。
功能总览✦
CAPABILITY OVERVIEW
「一套系统 · 四个角色端」
以「账号即角色」贯穿种植基地、加工 / 冷链、运维管理与消费端，把入库、出库、留样、扫码与溯源收进同一套表单语言。
经营管理者可以在任何一端接管任意角色，无需重复录入。
入库登记 / 出库绑定 / 库存详情 / 批次管理
主码 · 子码 · 批次 · 扫码查询
扫码留样 / 多方确认 / 有效与无效流转
地块 · 加工 · 冷链 · 检测多模态档案
入驻选择 / 经营类型 / 商户专属二维码
四端账号统一 / 一人多角色一键切换
留样提醒 / 出库提醒 / 异常实时推送
扫码溯源 / 实景查看 / 信任信息可视
调研
需求调研✦
REQUIREMENT RESEARCH
「问卷调研」
面向监管人员、种植基地、加工中心与冷链物流四类角色投放线上问卷并配合有奖激励，重点还原入库、出库、留样各环节的真实操作链路，定位「信息断点」与高频返工场景。
「用户访谈」
走进田间地头与加工车间开展半结构化访谈，一线反馈集中指向三处：表单字段冗余录入耗时、环节流转进度不透明、溯源码与批次绑定依赖人工易出错。
竞品分析
横向研究多款同类溯源产品，从扫码响应速度、留样确认的电子化程度与消费端 H5 信任感三个维度对标，明确差异化切口。
数据分析
结合后台埋点追踪「登录 → 入库 → 绑定溯源码 → 留样确认」主链路，定位每一步的流失与阻塞，指导后续模块划分与流程精简。
设计
设计目标✦
DESIGN OBJECTIVES
设计
目标
- 全流程数字化
- 降本增效 · 减少前台压力
- 监管进度实时可追踪
- 角色分区清晰，信息一目了然
- 分组表单模式，快速上手
- 扫码即查，减少现场排队
「产品层」
核心路径清晰，分组卡片 + 绿色竖线拆解 30+ 字段，提升表单完成率。
「视觉层」
农业绿主色调 + 三层状态色语义，布局简洁，组件规范完整。
「体验层」
出入库流程压缩至 3 屏内完成，选择页统一「搜索 + 卡片 + 对勾 + 底部按钮」模式。
方向
设计方向✦
DESIGN DIRECTION
「设计关键词」
简约 · 清晰 · 自然 · 可信
「视觉风格」
主色绿色清新自然，低饱和度 + 白色圆角卡片传递「平价安全菜」的农业品牌调性。
三层状态色语义（绿 / 橙 / 橙红）让用户一眼识别业务状态。
「圆角轻量化」
全界面圆角安全视觉语言，胶囊按钮、圆角输入框、圆角卡片弱化尖锐感。
「空间留白」
温和留白，长表单通过分组卡片 + 绿色竖线分区分隔，关键按钮呼吸式间距降低焦虑。
角色
角色与多端架构✦
ROLES & MULTI-END
「一人多角色 · 统一入口」
平台按「业务发生地」拆分为种植基地端、加工中心端、冷链物流端与运维管理端四大小程序端；同一账号在不同业务现场登录，即切换到对应角色，现场人员无需记忆多套流程。
「种植基地端」
采收登记、地块选择、农产品溯源授权、留样确认提醒，对接生产第一现场。
「加工中心 · 冷链物流端」
入库分拣、仓库选择、出库发运、车辆绑定与商户流转，衔接供应链中后段。
「运维管理端」
扫码留样、样品拍照上传、多方确认与状态流转，承载监管侧核心动作。
一次授权 · 现场切换 · 消息同源
首次进入先完成微信手机号授权，获得登录身份；在「我的」内可随时切换种植基地 / 加工中心 / 冷链 / 运维等不同角色身份，无需重复注册。各端的待办与提醒（如留样确认、入库通知）统一进入消息列表，现场人员无论切换到哪个角色都不会漏掉关键事项。
「数据同源 · 权限分层」
四个端共享同一套库存与溯源码数据，但视图与操作权限彼此隔离——基地端只能看到本场地块产出，加工/冷链端只见本仓库存与在途货品，监管端则掌握留样处置与溯源码生成的最高权限，消息与待办通过统一消息列表触达各端。
库存
库存流转闭环✦
INVENTORY FLOW
「一进一出 · 全程留痕」
从收货入库到出库发运，库存单据与溯源码一一绑定：入库时登记批次与仓位，出库时选择商品、商户与车辆，每一次流转都可在「库存详情」中反查来源与去向。
「三步设计原则」
选商户 / 选仓库 / 选车辆等高频选择页，统一为「搜索 + 卡片 + 对勾单选 + 底部确认」的单一模式，把复杂供应链操作收敛成同一套直觉交互。
入库记录 100% 关联溯源码批次，杜绝「账实分离」。
在库 · 待出库
批次、仓位、数量实时汇总，支持按商品与仓库快速检索。
出库 · 配送中
绑定商户与车辆后状态即时流转，司机端车牌录入一步到位。
已出库 · 可溯源
历史去向完整留痕，消费端扫码即可回看整条供应链轨迹。
码
溯源码体系✦
TRACE CODE SYSTEM
「主码 · 子码 · 批次」
以「批」为核心管理单元，一条入库记录生成唯一主码，再按商品拆分生成子码：主码对应整批来源档案，子码随单品/整件流转，消费者扫码即可回溯到所属批次与全部过程。
「码的三态语义」
溯源中 · 待确认确认中已过期/无效 —— 状态用颜色与标签双重表达，扫码结果一眼可读。
「一物一码 · 一码到底」
子码印刷/贴标随货流转，杜绝掉包与掺假的空间，让「身份」跟随每一份农产品走完全程。
01 扫码建档
入库即生成主码，扫描溯源码自动带出批次、产地、检测信息。
02 流转写档
每一次出库、装车、留样都在码上追加一条过程记录，链上闭环。
03 消费端读档
H5 查询页按时间轴回放从种植到餐桌的每一步，所见即所信。
留样
监管留样 · 多方确认✦
SAMPLING & VERIFICATION
「谁留样 · 谁负责」
监管人员在出库/装车现场扫码留样，样品照片与批次自动关联；随后由商户、承运方等多方在手机上复核确认，形成「留样 — 确认 — 处置」的完整证据链，替代传统纸质签字单。
留样登记 · 关键交互细节
留样单将「种植基地信息、加工中心信息、第三方信保信息」合并为一张完整表单——由谁来复核、是否触发多方确认在登记时即选定；必填项缺失时以轻量 Toast 就地提示，不打断现场操作节奏。
溯源
消费端溯源 H5✦
CONSUMER TRACE H5
「扫码，看见每一段旅程」
消费者扫描商品溯源码，即可进入 H5 溯源页：产品档案、种植/加工实景照片、检测报告、留样记录沿时间轴依次展开，把看不见的供应链转译成看得见的安全感。
溯源链路
每一环节记录留档，任意一步异常都能在链路中被快速定位与召回。
实景照片 · 卫星地块 · 检测报告
监管留样与商户信息互为佐证
「扫一扫，追溯这篮菜的旅程」
H5 · 8 屏溯源长页左滑查看长页设计 → 多屏滚动承载全过程信息
CONSUMER END · H5 TRACEEND OF CASE STUDY
菜师兄 · 云农场/ 感谢观看
面向县域农业的高可信溯源与供应链管理平台 — 四大角色端统一入口，库存、留样、溯源码全链路数据数字化，消费端扫码即可获得从田间到餐桌的安心证明。