蒙牛&天猫超级品牌日：这个冬天，给你潘玮柏式的温暖

2018-01-24 H5案例分享 H5案例分享

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

识别图中二维码

这个冬天，给你潘玮柏式的温暖-查阅二维码

完整欣赏此案例大约需要3分20秒

案例：这个冬天，给你潘玮柏式的温暖

出品：蒙牛&天猫超级品牌日

亮点：

策划上，视频类，①加载完成后进入一个长图，内容是潘玮柏的微博页面。②点击页面进入视频的第一片段，潘玮柏现在没有工作，有时间陪你，你希望是哪个时间，出现三个选项：“早晨”、“中午”、“晚上”，小编选择了“早晨”。③此时进入视频的第二片段，潘玮柏叫你起床，起床后你最想做的事，依旧三个选项：“挤地铁”、“看书”、“运动”，小编选择了“挤地铁”。④进入视频最后的片段，潘玮柏为你准备了一杯牛奶，温暖这个冬天。进入品牌宣传，天猫超级品牌日，蒙牛，给你一杯奶的温暖。
设计上，此案例采用了多种表现形式，例如，视频的面对面谈话、微博页面、2D动漫效果的问题提问等等。整体风格控制的很好，潘帅体贴的声音入耳，明星效应，给人印象深刻。
交互上，点击后，视频继续播放。
体验上，本案例使用的一段3分24秒的完整视频，由问题的回答，选择截取不同的视频片段；互动很好，问题页面从潘帅的手机中弹出，二次元感觉。

技术实现： iscroll-probe.js+video

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

标签