通域智慧治安管理平台服务于各大娱乐场所及连锁门店，将「治安管理」与「门店运营」整合为一套统一的数字化解决方案。
通过 管理后台（Web） + 通域管家双角色 App，把区域、门店、从业人员、缴费策略等信息打通，帮助集团在多城市、多门店场景下实现合规运营和精细管理。
智慧治安管理平台
项目简介
PROJECT INTRODUCTION
我主要负责
前期：参与需求梳理、业务流程和信息架构设计；
中期：输出后台与 App 的交互稿、UI 规范和组件库；
后期：跟进开发落地，配合产品 / 运营迭代细节。
通域管家管理后台-V2.0.0
区域/门店、角色与人员、缴费模板与套餐、支付方式、系统配置等；
通域管家APP-V2.0.0
企业端：负责门店管理、从业人员管理、缴费与套餐配置、信息比对管理等；
从业人员端：完成实名登记、人脸核验、信息比对、套餐缴费、登记、退工等操作。
缴费策略体系
Payment Strategy System
- 缴费模板
- 缴费套餐管理
- 区域缴费管理
- 支付方式设置
将复杂的收费规则拆分为 模板 → 套餐 → 区域 / 门店应用 三层；
支持按区域、门店定制不同收费档位与周期；
支付方式统一在平台层集中管理，保证安全与对账一致性
APP门店端
• 目标
管理本店从业人员的 在职、实名、缴费、信息比对情况；
• 场景
处理信息比对异常、查看人员审批提醒、协助人员退工登记流程
APP从业人员端
• 目标
在手机上完成实名登记、缴费、续费，定点定时信息比对
• 场景
入职提交、日常续费、每日信息比对
设计规范
为什么要做组件库？
产品体验一致性
设计/开发团队效率提升
全链路协同
组件粒度
通域管家APP是一个0-1的产品，组件的粒度按照原子设计理论为指导，即按照“原子、分子、组件、模版、页面”五个层面进行页面设计。
原子
atoms颜色
字体
阴影
圆角
…
分子
molecules按钮
单选
输入框
选择器
…
组件
organisms导航
列表
弹窗
表单
…
模版
template框架
卡片
间距分割
…
页面
pages列表页
详情页
结果页
…
在进行组件制作前，对通域管家APP的一百个页面进行了梳理，对使用到的组件进行了分类，并根据组件的使用频率、适配时间、可复用性进行了排序，制定了逐步更新迭代的计划。
组件库
建立组件库可以有效提高团队协作效率，保证产品一致的输出。在产品体系内，保证所有产品都呈现一致的设计语言、产品调性、建立产品的连贯性、一致性；在用户侧，统一的体验，减少用户学习成本，提升使用体验。搭建组件库可以缩短设计和开发团队重复开发的时间，降低生产成本，是保证产品输出一致的规范基础。
交互规范
建立统一设计标准及工作方法，减少产品设计各环节沟通成本，为快速构建产品方案提供依据；
逐步提升用户体验，更好的贴合场所和客户体验；
企业级组件库，根据公司业务特性归纳可复用在多个项目的组件库，理论上它是一个模块化解决方案；
项目上线后对UX设计进行的复盘总结，为项目迭代或衍生项目提供设计依据；
