该小程序是某功能内部管理小程序、有各种各样的模块,如培训模块、CRM模块、后管模块、以及业务人员的包单等功能
CRM客户关系管理
客户全生命周期管理:整合客户信息、订单记录、服务需求,提供智能标签分类和查重功能,支持销售团队精准跟进商机。例如,通过客户画像分析购买偏好,自动推送产品推荐
员工培训与知识管理
在线学习与考核:提供视频课程、直播培训、AI个性化学习路径推荐,自动记录学时与考试成绩,生成部门培训完成率报表。
知识库共享:分类存储产品技术文档、售后案例库,支持权限分级访问(如研发部门可查看核心专利资料)
后台管理与系统集成
权限与角色控制:基于RBAC模型实现字段级数据权限(如销售仅查看自有客户),支持多级审批流程配置。
跨系统集成:对接ERP(如SAP)、考勤设备、第三方支付接口,实现数据互通与业务闭环
项目职责与核心贡献
作为该管理系统的产品负责人兼前端技术Owner,我主导完成从0到1的产品设计、技术选型与前端工程落地,具体职责包括:
产品设计闭环
需求挖掘与转化:通过用户旅程地图(User Journey Map)梳理销售、生产、售后等6大部门的核心痛点,输出需求池与功能优先级矩阵(如KANO模型),主导20+场跨部门需求评审会。
交互与视觉设计:基于Ant Design Pro设计规范,完成50+页面的低保真原型、高保真交互Demo及响应式布局适配方案,确保PC/移动端体验一致性。
数据埋点与迭代优化:设计关键路径埋点方案(如商机转化率、培训课程跳出率),通过Mixpanel分析用户行为,驱动3个版本功能迭代(如简化订单提交步骤使转化率提升15%)。
前端工程架构与开发
技术选型与工程化:主导采用Vue3+TypeScript技术栈,实现模块化开发与状态管理(Pinia);通过Webpack分包优化、路由懒加载、CDN加速,使首屏加载时间降至1.2秒。
核心功能开发:
动态权限控制:基于RBAC模型实现前端路由级/按钮级权限渲染,支持实时切换角色预览(如“销售主管”与“普通业务员”视图差异)。
高性能数据渲染:针对CRM客户列表万级数据场景,开发虚拟滚动组件与本地缓存策略,FCP(首次内容渲染)性能提升40%。
跨端适配:通过Rem自适应方案与CSS Media Query,兼容Pad/手机/PC多终端,覆盖企业95%设备使用场景。
工程规范与协作:制定ESLint+Prettier代码规范、Git分支管理策略(GitFlow),封装Axios拦截器、通用业务组件库(如表单校验工具集),提升团队开发效率30%。
跨角色协作与交付
与后端团队制定RESTful API规范,主导Mock Server搭建与联调用例设计,降低接口联调周期;
推动