序维｜设备运维与维修协同平台
产品设计与交互
工厂在电脑上记录设备和报修，维修师傅在手机上接单处理。个人概念项目，有可操作的原型。
项目概况
序维是一个设备运维协同的概念项目，连接中小制造工厂和外部维修人员。管理人员在电脑上维护设备、生产和经营记录，需要维修时发布需求；维修人员在手机上接单，了解故障、联系工厂、到场处理，结果回到管理端。
要解决的问题
很多中小工厂靠电话、群消息和纸面记录传故障。设备信息、故障描述、联系人、到场安排和维修结果散在不同地方，出了事很难追溯。如果产品只在故障时才用得上，平时就没有打开的理由。
范围与限制
- 个人概念项目和交互原型，没有商业上线，也没有真实用户验证或业务成效数据。
- 没有接入实时设备数据；设备、生产和状态信息来自管理人员登记和维修结果记录。
设计过程
先把流程走一遍：工厂登记设备、发布维修需求，维修人员了解故障、联系工厂、到场处理，然后分别设计两端页面。管理端有记录中心、生产报工、设备台账、报修联系和经营报表五个入口；手机端以待办、消息和个人资料为主，能看任务详情、联系工厂、记录维修结果。
关键判断
同时管理日常生产与设备记录
维修不是每天都有，生产和设备记录却每天都要用。故障前后的记录也能留在系统里。
- 只做设备故障与报修工单
- 扩展成覆盖工厂各部门的通用 ERP
管理人员用电脑，维修人员用手机
管理人员要录入、比较很多记录，用电脑更顺手；维修人员在现场要快速找到故障、位置、联系人和到场安排，用手机更直接。
- 两种角色共用一套响应式页面
减少现场维修中的进度填写
维修人员的时间应该花在了解故障、沟通和处理上。页面只保留协作需要的信息和结果记录，不用每到一个阶段就填一次进度。
- 要求维修人员在每个维修阶段持续更新进度
工具
- Figma
- After Effects
- 交互原型
做完了什么
做完了管理端和维修端的核心页面、跨端流程和视觉规范，有可操作的网页原型和一支 37 秒的品牌动画。
复盘
- 两端要一起检查：工厂填的信息够不够维修人员判断问题，维修结果能不能回到管理端查到。
- 设备状态要写清楚数据从哪来，人工记录不能当成实时监测数据展示。
工厂与维修人员如何配合
图上是从工厂发布需求，到维修人员了解故障、联系工厂、到场的全过程。维修结束后，处理结果回到管理端，工厂可以查到。
配色：从冷蓝改为青绿
早期用黑白和冷蓝，放在一堆管理后台里不太分得出来。后来改成青绿表示主要操作和选中，蓝色做提示，绿黄红分别表示完成、关注和风险。
品牌与动效
用 After Effects 做了一支 37 秒的品牌动画，分“收束—传递—恢复”三段，对应故障被发现、处理和记录的过程。
我做了什么
产品方向、界面和交互设计、Figma 页面细节、After Effects 品牌动画都是我做的。Codex 帮我想过信息结构，也帮我写了网页原型的代码。
维修人员端完整长图
长图里有移动端的产品定位、核心界面、消息通知和制作过程。可以展开连续看，也可以单独打开原图放大。
展开完整长图收起完整长图
原型和动效
可交互原型
序维 Web 管理端
记录中心、生产报工、设备台账、报修联系和经营报表都能点。里面的工厂和运营数据是演示内容。