招商银行：新青年 or 老父亲

2019-06-16 H5案例分享 H5案例分享

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

识别图中二维码

新青年 or 老父亲-查阅二维码

完整欣赏此案例大约需要50秒

案例：新青年 or 老父亲

品牌：招商银行

亮点：

1. 创意策划上

以“新青年 or 老父亲”为主题，测试类的H5案例，进入首屏，有两个入口，女生（测他）和男生（测我）；无论哪个入口，问题都是一样，一共五个问题，每个问题两个选项；通过对问题的回来，总结出他或者自己是什么样的老父亲。

2. 设计上

扁平风格颗粒度漫画。

3. 技术上

动画主要使用的还是CSS3的transform下的matrix实现。

4. 体验上

整体比较简洁，体验流畅，因为开始有两个入口，预期还是男生入口和女生入口会不同，小五体验了男生入口后，再玩了一次女生入口，问题一样，还是小失落。

技术实现： zepto

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

标签