屈臣氏X微笑行动:点亮微笑,美有道理

2019-09-09 H5案例分享 H5案例分享
屈臣氏X微笑行动:点亮微笑,美有道理


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

识别图中二维码

点亮微笑,美有道理-查阅二维码

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


案例:点亮微笑,美有道理

品牌:屈臣氏X微笑行动

技术实现: html5

亮点:

  1. 创意定位

屈臣氏与微笑行动联合制作,呼吁关爱唇裂症儿童的H5作品,用户在作品中通过动画视频,走进唇裂症儿童的心理世界,浏览该公益行动自开启以来部分被治愈儿童的案例简介,最后用户可分享作品,或点击登录腾讯公益参与捐款。

 

  1. 策划逻辑

加载界面是一个红色气球从进度条上飘走,加载完毕后点击触点开始播放,视频以动画搭配字幕的方式进行,主要内容如下:

①货架上陈列的小熊玩具中,有一个嘴巴是破掉的,旁白响起:“我是一个天生唇裂儿童,不能开口叫爸爸妈妈”,别的小熊开心玩耍,“我”却只能一个人躲起来,吃东西也费力,孤独又难过。

②点击触点“点亮微笑”,一双手帮助“我”缝好了嘴巴,45分钟的手术后,我终于自信的抬起头了,闻花香,与小伙伴玩耍,好开心,拽着红色气球,飞过城市上空,开心的回到了爸爸妈妈的怀抱。

③视频最后,是“微笑行动”简介,以及一些被治愈的儿童简介,最后用户可分享作品,或登录捐款。

 

  1. 设计上

卡通的手绘插画作品,画面细致丰富,十分可爱童趣,从一只玩偶小熊的角度出发,讲述唇裂儿童的内心世界,前半段一到小熊的镜头,画面就变成黑白色,烘托小熊的自卑和被孤立,嘴巴被缝好后,画面变成了彩色,小熊快乐玩耍,音乐也由低沉变为轻快,前后对比衬托出了小熊被治愈后整个生活的彻底改变。

 

  1. 体验上

萌萌的小熊代表了纯真可爱的孩子,气质和形象都很相符,动画画面十分精美细腻,观看起来视觉效果很好,情节设计以及最后被治愈的孩子们的微笑也十分能打动人心。





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

标签

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

相关推荐:

屈臣氏:锦鲤魔盒 30s任你装

腾讯体育:我为中国队创作一首加油歌

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~