花旗银行：保护挚爱，您做得足够吗？

2017-11-14 H5案例分享 H5案例分享

案例：保护挚爱，您做得足够吗？

出品：花旗银行

亮点：

策划上为了保障挚爱，测测看有多少保障（1）打开案例进入欢迎页，主要头部主体部位置分明，头部包括公司logo和软件名称，主体中部为开始按钮，给人明确目标，开始之下则是一份免责声明。（2）以问卷调查的方式录入信息，开始之后主体顶部有进度信息提醒用户进行到哪一步了，用户只是需要根据提示进行下一步进行个人信息填写即可。（3）信息填写完成之后可在最后一页查看结果，根据用户填写的信息进行计算并把分析结果以图表的形式展示给用户，如果用户不满意还可以通过底部的重新计算进行重新信息填入，或者联系我们。
设计上，简约问卷风格。
技术上：单页面应用，主要内容均轮换展示在一个页面中。

技术实现： Jquery

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

保护挚爱，您做得足够吗？-查阅二维码

完整欣赏此案例大约需要4分钟20秒

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签