忘不了餐厅&腾讯公益&中国人口福利基金会：忘不了课堂
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例：忘不了课堂
品牌：忘不了餐厅&腾讯公益&中国人口福利基金会
亮点：
1.创意定位
这是由忘不了餐厅联合腾讯公益和中国人口福利基金会一同推出的公益性H5，呼吁人们关注患有认知障碍的群体。
2.策划上
①整个H5围绕主人公胡公英老人的故事来展开，前两页都是以她的口吻在与读者对话，讲述故事背景。②第三页邀请用户跟胡公英老人一起上一堂英语课，点击上课便进入一段视频。视频讲述了胡奶奶患病前后的心里路程，十分动人。③视频中间可以点击跳过按钮，视频结束后，一段文案作为结语，呼吁用户关注和胡奶奶一样患有认知障碍的群体。④尾页也是落地页，一张海报的形式展现，用户可以长按保存分享，也可以点击屏幕下方的几个功能按钮，查看更多课程、捐助、查看捐助详情。
3.设计上
清新简约风格，直接扣出了主人公胡奶奶的人像和头像作为画面元素。
4.体验上
加载速度快，操作流畅，中间插入的宣传片很打动人，宣传片播放时还有跳过功能，很人性化，但是选择观看其他课程的左右滑动按钮不够明显，用户有可能错过。
技术实现： jQuery
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
