魅族&陌陌：魅族&陌陌联合营销H5案例：7.19 魅族MX给大家走了条路

2016-07-23 H5案例分享 H5案例分享

案例：魅族&陌陌联合营销H5案例：7.19 魅族MX给大家走了条路

出品：魅族&陌陌

亮点：

案例：7.19 魅族MX给大家走了条路

出品：魅族&陌陌

亮点：

创意上，魅族&陌陌联合营销+创意说唱视频。流程上分3步：① 用户点击触发开场动画：有明显露出两个品牌；②播放创意说唱视频，亮明活动主题的同时，两个品牌元素多次被曝光；③ 定格画面，再次亮明主题“MX6魅族新品发布会”，用户可点击触发“分享”和“再看一遍”。
设计上，开头动画部分的“淡色蓝天”取自“陌陌”的icon变色，主界面模仿陌陌App的界面风格，白背景黑色导航，页面清晰干净；
交互上，用户点击，触发动画播放、分享、再看一次；
体验上，创意视频控制的非常小（3.7M），播放起来很流畅，但开头动画到视频播放会出现黑屏切换。

技术实现： jQuery

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

识别图中二维码

魅族&陌陌联合营销H5案例：7.19 魅族MX给大家走了条路-查阅二维码

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

标签