c7018.com快速飞艇官网博赢团队前端渲染的合同用

2019-09-04 21:50| 发布者: | 查看: |



相关推荐:



  �◊最近公司基于目前招聘兼职老师的流程做了一款小程序。之所以选择做小程序的原因,一方面是因为项目功能比较简单,没必要开发一款独立的APP;另一方面是因为小程序开发起来比较方便,节约开发成本,用户使用起来也比较方便

  笔者也趁这个机会把自己从0到1做一款小程序的过程给记录了下来,同时分享一下,我是如何最快速地设计一款功能型小程序的前后台原型的

  公司介绍:我们公司是一家线上教育公司,主要做海外华人留学生的1v1课程定制辅导的机构。顾名思义就是针对一些留学生的课业进行辅导,以帮助他们更好的适应留学生活,并最终通过考试

  项目背景:我们目前在很多高校都有自己的校园代理人,这些校园代理人的主要工作职责,就是帮助我们招募来自各大高校的学生来做我们的兼职老师。因为我们主要做的是1V1定制辅导,所以对不同专业的老师需求量非常大;我们品牌自身的影响力,不足以吸引很多学生主动来加入我们。所以就需要这些校园代理人在各大高校宣传我们的品牌,并招募这些优秀的学生加入到我们的兼职老师阵营里来

  项目需求:本项目的需求是方便我们的这些校园代理人在沟通了意向客户后,将他们录入到我们的兼职老师储备库里。然后我们可以第一时间在管理后台查看到这些意向客户,并对该客户进行线上初试、复试等一系列环节的考核,最终将该名客户录取为我们的兼职老师。代理人可以在小程序看到自己录入系统的老师信息、老师数量,当前的状态,以及账户提成金额等信息

  用户访谈:最开始这一套流程是纯线下去实施的,后面和师资部负责老师招聘的负责人以及师资部门的同事沟通后,便决定把这套流程搬到线上来。由于这套流程比较简单,所以就没有针对代理人去进行交流,而是把现有的线下流程直接搬到线上来进行实施

  采用的是账号密码的登录方式,账号密码由管理后台创建,打开小程序后默认弹出数字键盘,同时input框加入“autofocus”属性,焦点直接聚焦在账号输入框内

  无数据时加上创意性的slogan以此达到激励效果;有数据时采用经典的卡片式设计,页面简洁明了

  头部可根据老师的不同状态进行筛选,实时查看到录入的客户已经进入到了面试的什么阶段

  采用经典的移动端Form表单设计,同时上传文件的功能直接利用从微信的会话列表拉取。为了防止新手不知道如何上传文件,我做了一个教程页“如何导入微信文件”进行上传文件的引导来告知其如何一步步进行文件的上传

  顶部banner设计丰富页面视觉效果,底部的数据指标对应录入老师的不同状态。因为每个录入的老师进入不同的面试状态,都会给到代理人不同的提成金额。所以代理人会经常关注该数据指标看板的数据情况

  其次“矩形块拼接式”的看板设计使页面更加美观、主次分明。每一个矩形块都可以点击进入,查看该阶段的所有老师,就相当于在首页操作切换状态标签的操作

  “我的账户”和“我的合同”,由于功能比较重要,就单独做成了两个按钮式的设计,一方面是使原本枯燥的“我的”页面更加美观,另一方面也突出了功能的主次关系

  前端会在生产环境下的合同后面加上公司水印,原型上未注明,c7018.com快速飞艇官网博赢团队同时合同会在前后端都渲染一份。前端渲染的合同用于给代理人查看并签约,后端渲染的合同需要在管理后台查看、审核并存档

  合同的内容做了模糊处理,合同由于需要手写签字,所以代理人查看完合同并确认无误后点击签约;之后会弹出手签板,代理人只能手写上自己的姓名;然后前端再渲染到合同的乙方签名处,签好后合同就算生成了

  为了验证代理人身份信息,需要代理人登录小程序后上传身份证正反面照片,同时后端需要接入银联的身份认证的接口进行自动化审核

  该身份认证的第三方API接口是按次收费的,该接口可识别出身份证正反面是否错误、照片是否模糊等,点击“确认并提交”后。前端调该接口进行审核并实时返回审核结果;未通过后端会返回错误原因,如“身份证正反面错误”、“照片模糊”等;通过后直接显示已通过审核就ok

  用于展示所有已录入的代理人及其他合作渠道的全部信息。蓝色的文字表示可点击进入详情页:如“渠道名称”可点击进入渠道个人信息页;点击“招聘记录”弹出弹窗,显示当前渠道的所有招聘记录

  用于展示所有已创建的合同,同时合同除了固定的内容外,有少部分内容是动态生成的“如代理人身份的不同、合同有效期限等信息”。所以师资部门的专员创建合同后需要交由主管审核,合同信息没有问题才可发送到小程序给到代理人签约

  代理人在小程序进行身份验证后需要添加银行卡相关信息,然后每一笔提成都会记录在该代理人“我的账户”的明细里和后台的提成明细内。每个月1号会生成上月该代理人所有的提成明细,师资人员审核每一笔提成无误后点击通过,就可以交由财务部门给代理人银行卡打钱了

  最后小程序的部署和上线都由前端开发负责,我们需要记录上线的时间,并在之后的每一次版本迭代都做好版本记录和更新记录就ok,到这里小程序的设计就完成了

  因为小程序提供了供开发者使用的框架、组件及接口参考文档。我们在设计的时候最好能先仔细阅读小程序的相关说明文档,不要用设计APP的那一套理念去设计小程序。前端开发可以使用小程序自带的一些组件,所以不要做过多的自定义组件的设计

  同时小程序是基于微信的平台来开发的,所以我们在设计的时候要考虑与微信强大的功能做好对接。比如上传文件可以直接从微信的会话列表拉取,登录可以直接默认使用微信登录等,这样可以大大节省开发成本

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长

<
>
快速飞艇网成立于2014年,我们是一家专注用户体验设计开发与互联网品牌建设的设计公司,创立至今为2000多位客户提供了创新与专业的设计方案。设计服务范围包括:交互原型设计、产品视觉设计、网站设计与开发建设、移动及软件产品界面设计、图标设计、品牌及平面设计等。

联系我们

江苏省南京市玄武区玄武湖

13588889999(服务时间:9:00-18:00)

admin@adminbuy.cn

在线咨询 官方微信官方微信

部门热线

前   台:13588889999
业务部:13588889999
客服部:13588889999
技术部:13566667777
人事部:13566667777

网站建设 微信开发 售后服务 咨询电话13588889999 返回顶部
返回顶部