zoukankan      html  css  js  c++  java
  • 【金融】华为商城信用卡分期支付业务流程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 支付成功页

  • 相关阅读:
    leetcode 18 4Sum
    leetcode 71 Simplify Path
    leetcode 10 Regular Expression Matching
    leetcode 30 Substring with Concatenation of All Words
    leetcode 355 Design Twitte
    leetcode LRU Cache
    leetcode 3Sum
    leetcode Letter Combinations of a Phone Number
    leetcode Remove Nth Node From End of List
    leetcode Valid Parentheses
  • 原文地址:https://www.cnblogs.com/milkmap/p/13032673.html
Copyright © 2011-2022 走看看