招商银行乌鲁木齐分行:壹元复始人生可贵

2021-04-21 H5案例分享 H5案例分享
招商银行乌鲁木齐分行:壹元复始人生可贵


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

识别图中二维码

壹元复始人生可贵-查阅二维码

完整欣赏此案例大约需要1分钟


案例:壹元复始人生可贵

品牌:招商银行乌鲁木齐分行

技术实现: VueJS

亮点:

1. 创意定位

招商银行乌鲁木齐分行20周年纪念作品,用纸上的100个格子换算人生的长度,回顾往昔时光在人生中的占比,感慨时光的匆匆脚步,鼓励奋斗不息的生活精神。

 

  1. 策划逻辑

点击笔记本上的触点,输入生日,一百个格子出现,一段段简短文字出现在一个小红框中,然后小红框逐渐缩进格子里占据不同的数量,0岁啼哭,4岁学拼音,19岁新起点,22岁第一份工作,30而立,40不惑,45岁躲避同学聚会,60岁退休问心无愧,70岁身体机能衰退,90岁行将就木,最后生成海报,包括主图,标语和登陆出品方APP的触点。

 

  1. 设计上

黄色背景,有时光的味道,红色格子,被填满后十分显眼,让用户清晰地感知时光的长度,对不同岁数的总结表述也比较贴切。

 

  1. 交互上

百个格子界面中,文案慢慢出现,用户可以细细品味,在文案出现的同时,体味自己的人生;也可以按屏幕下方的加速触点,长按可让作品加速进行,但是出现的文字也会消失的较快。





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

洁婷:洁婷,专属你的理想型

兴业银行:兴业银行2020年年报

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~