携程旅行：我把你当春天，你却选择做别人的春药
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要4分28秒
案例：我把你当春天，你却选择做别人的春药
出品：携程旅行
亮点：
- 策划上，视频类，这是对携程旅行的活动武汉樱花季的宣传。进入首页即可看到背景图片上的樱花，突出主题，点击开启按钮进入视频播放，这个过程是男主在手机上正在观看足球比赛，忽然收到其女朋友误发来的短信，男主疑惑这是什么意思呢？紧接着男主女友便撤回消息并重新发送消息给男主，男主女友得知男友马上就要到她家了，便谎称自己来大姨妈了，指使男友去各种偏远的地方为自己买东西，此时弹出提示，开启为女友效力模式，点击即可继续。接着，男主东跑西颠的终于为女友买齐了所有她想要的东西，正喜滋滋的准备去女友家，却在地铁站看到女偶挽着别的男人的胳膊从他旁边经过，他瞬间心如死灰，瘫坐在地，此时弹出提示，帮助男主走出失恋阴影，点击，画面继续。男主向前看去，忽然发现一块布满樱花的广告牌，原来是携程旅行最近为武汉樱花季搞得活动！！视频到此结束，引出三个道理，任选一项点击结果都一样，引导用户输入手机号和验证码领取携程红包。
- 设计上，以视频为主展现整个剧情，期间添加两处点击处，引导用户继续观看，结尾再引导用户输入手机号领取携程红包。
- 交互上，全程视频播放，中间有两处需要点击才能继续。
- 体验上，加载流畅，剧情比较长，但是主要是为了突出男主是如何被绿的。
技术实现： jQuery+video
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
