招商银行乌鲁木齐分行：壹元复始人生可贵
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例：壹元复始人生可贵
品牌：招商银行乌鲁木齐分行
技术实现： VueJS
亮点：
1. 创意定位
招商银行乌鲁木齐分行20周年纪念作品，用纸上的100个格子换算人生的长度，回顾往昔时光在人生中的占比，感慨时光的匆匆脚步，鼓励奋斗不息的生活精神。
- 策划逻辑
点击笔记本上的触点，输入生日，一百个格子出现，一段段简短文字出现在一个小红框中，然后小红框逐渐缩进格子里占据不同的数量，0岁啼哭，4岁学拼音，19岁新起点，22岁第一份工作，30而立，40不惑，45岁躲避同学聚会，60岁退休问心无愧，70岁身体机能衰退，90岁行将就木，最后生成海报，包括主图，标语和登陆出品方APP的触点。
- 设计上
黄色背景，有时光的味道，红色格子，被填满后十分显眼，让用户清晰地感知时光的长度，对不同岁数的总结表述也比较贴切。
- 交互上
百个格子界面中，文案慢慢出现，用户可以细细品味，在文案出现的同时，体味自己的人生；也可以按屏幕下方的加速触点，长按可让作品加速进行，但是出现的文字也会消失的较快。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
