中国人寿:纸短情长 一笔一画总关情

2019-11-28 H5案例分享 H5案例分享
中国人寿:纸短情长 一笔一画总关情


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

识别图中二维码

纸短情长 一笔一画总关情-查阅二维码

完整欣赏此案例大约需要2分40秒


案例:纸短情长 一笔一画总关情

品牌:中国人寿

技术实现: html5

亮点:

  1. 创意定位

中国人寿出品,怀念过去用写信传递情感的岁月,用户选择喜欢的信纸模板,写一封信表达祝福,还可以参加比赛,有机会获奖赢礼品,以此提高用户参与热度,加深对品牌的印象。

 

  1. 策划逻辑

作品名主要有三个环节

①loading

加载界面是一个由下往上逐渐变成红色的“书”字,加载完毕后是一段回忆写信岁月的寄语,点击查看规则后开始欣赏短片。

 

②短片欣赏

短片从一个男士身着中山装在开国大典的照片下写信开始,长按触点推动短片进行,画面逐渐缩小变成下一副画的一部分,第一幅缩小至一个投寄信笺的男士手拿的报纸上,投信男生再缩小至胡同中一个男人的茶杯上,如此循环,一直到最后小朋友手里拿的手机上,而此时电视上正在播放今年的阅兵大典。

 

③信笺编辑

从“致爱人”“致父母”“致友人”等六个模板中选择一个,输入寄信人,信件内容(不超过80字),写信人,点击保存或参赛。

 

  1. 设计上

手绘的作品,画风朴素写实,视频内容中的人物,着装,生活方式等都展现了各个年代的特点,从开国大典到2019阅兵,仿佛恍惚间走过了建国以来六十年的岁月,贴合回顾时光的主题。

 

  1. 交互上

用户需要长按触点视频才会进行,画面不断缩小至另一年代场景,在感兴趣的画面可以停下来细看后在继续长按。





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

标签

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

相关推荐:

中国人寿:2017中国人寿大事记

英语流利说:会说话的情书

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~