案例：点亮微笑，美有道理
品牌：屈臣氏X微笑行动
玩法：动画
整理：蓝橙H5开发团队
1.详情内容上：
屈臣氏与微笑行动联合制作的动画H5，呼吁关爱唇裂症儿童的H5作品，用户在作品中通过动画视频，走进唇裂症儿童的心理世界，浏览该公益行动自开启以来部分被治愈儿童的案例简介，最后用户可分享作品，或点击登录腾讯公益参与捐款。加载界面是一个红色气球从进度条上飘走，加载完毕后点击触点开始播放，视频以动画搭配字幕的方式进行，主要内容如下：
①货架上陈列的小熊玩具中，有一个嘴巴是破掉的，旁白响起：“我是一个天生唇裂儿童，不能开口叫爸爸妈妈”，别的小熊开心玩耍，“我”却只能一个人躲起来，吃东西也费力，孤独又难过。
②点击触点“点亮微笑”，一双手帮助“我”缝好了嘴巴，45分钟的手术后，我终于自信的抬起头了，闻花香，与小伙伴玩耍，好开心，拽着红色气球，飞过城市上空，开心的回到了爸爸妈妈的怀抱。
③视频最后，是“微笑行动”简介，以及一些被治愈的儿童简介，最后用户可分享作品，或登录捐款。
2.页面设计上：
卡通的手绘插画作品，画面细致丰富，十分可爱童趣，从一只玩偶小熊的角度出发，讲述唇裂儿童的内心世界，前半段一到小熊的镜头，画面就变成黑白色，烘托小熊的自卑和被孤立，嘴巴被缝好后，画面变成了彩色，小熊快乐玩耍，音乐也由低沉变为轻快，前后对比衬托出了小熊被治愈后整个生活的彻底改变。
3.用户体验上：
萌萌的小熊代表了纯真可爱的孩子，气质和形象都很相符，动画画面十分精美细腻，观看起来视觉效果很好，情节设计以及最后被治愈的孩子们的微笑也十分能打动人心。
扫描二维码查看
注：如您需要咨询本案例的详细信息，或者需要了解更多案例，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例。
相关链接：H5制作|H5玩法|小程序定制|H5技术资讯|H5课件
