• 【金融】华为商城信用卡分期支付业务流程H5


    1.华为商城信用卡分期支付业务流程

     

    2.华为商城信用卡分期支付前端截图

    2.1 商详

    展示商品分期免息利益点

    2.2 登录

    2.3 订单

    确认订单信息,此处无分期支付详情展示。

    2.4 收银台

    2.4.1 首次分期支付含绑卡流程

    第一个页面选择支付方式,这里选择信用卡分期。如果仅有一种支付方式,是可以不用选择,直接进入仅有的支付方式的。

    第二个页面是进行绑卡。用户输入需要绑定的银行卡,当前页面按支持银行来校验是否支持该银行卡号。该页面外露出可支持分期的银行,以及最高期数的免息分期信息。

    第三个页面是输入信用卡要素,包括有效期、CVV2、手机号和验证码。该页面同时展现分期详情,如每期还款金额/期数/手续费/首付全额手续费等信息。用户可进行分期选择。

    2.4.2 非首次分期支付流程

    第一个页面也是选择支付方式,有多种分期方式可选。如果只有一种支付方式,建议直接跳过这个页面。

    第二个页面,由于是非首次分期支付,默认展示了上次支付时的信用卡,并且选择了分期次数最多的免息分期方式,用户输入短信验证码即可支付成功。这个页面还展示了其他分期免息的银行和分期期数做为利益点。点击当前信用卡楼层,可选择当前信用卡分期方式,或者添加1张新的信用卡。添加新卡流程参考2.4.1 首次分期支付含绑卡流程

    第三个页面,点击第二个页面里“支持的银”行楼层,可进入全部支持的银行列表。但这里仅仅只是展示银行列表,没有任何详细信息。对于C端用户来说,如果没有分期免邮利益点,确实购买的人也不会多,这里不展示分期详情是没有问题的。但是,在第二个页面里“支持的银行”楼层过于靠上了,占了重要位置,应该考虑下移。

     

    2.5 支付成功页

  • 相关阅读:
    第十三周进度
    第十二周进度
    单词统计
    Vue——初级小项目(小清单)
    Vue——修饰符
    vue——表单输入绑定
    vue——计算属性和监听器
    vue——指令系统介绍
    面试笔试
    python之路——二分查找算法
  • 原文地址:https://www.cnblogs.com/milkmap/p/13032673.html
Copyright © 2020-2023  润新知