腾讯：分离 | 北上广故事

2016-09-16 H5案例分享 H5案例分享

案例：分离 | 北上广故事

出品：腾讯

亮点：

创意上，切“关爱父母健康”这一个点，通过4个感人的交互场景，引导人们思考“拼搏是为了什么？分离是为了什么？”，奋斗的人们应该关注“老人健康”，推出“糖大夫”产品；
策划上，利用4个场景的分屏视频：①在北京的加班girl，思念黑龙江父母做的饭菜；② 在广州的奋斗男，想与西安的父亲一起喝一杯暖胃酒；③ 在上海的快递男，想起张家口的父母，好久没有踏进过自己的家门；④ 在北京的医生男，没有为家在重庆的老父亲看过病，讲述了四个分离的故事，每个一故事中间有一次用户交互，通过“滑屏”让孩子与家人团聚，在这“中秋佳节”推出，很是应景！
实现上，分屏视频（分成左右两部分）形式，采用8个小视频，分步加载，4次交互，让故事完整，流畅自然。
体验上，整体很流畅，温情有内涵！想想在外打拼的你，即使不在北上广，都会情不自禁对号入座，想起家，想起家里的爹娘~

技术实现： jQuery+CreateJS

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

识别图中二维码

分离 | 北上广故事-查阅二维码

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

标签