MAYBELLINE NEW YORK + 大众点评:MAYBELLINENEWYORK 联合大众点评 产品宣传H5:美宝莲纽约全新BABY同款好气色唇露

2016-05-27 H5案例分享 H5案例分享
MAYBELLINE NEW YORK + 大众点评:MAYBELLINENEWYORK 联合大众点评 产品宣传H5:美宝莲纽约全新BABY同款好气色唇露

案例:MAYBELLINENEWYORK 联合大众点评 产品宣传H5:美宝莲纽约全新BABY同款好气色唇露

出品:MAYBELLINE NEW YORK + 大众点评

亮点:

  1. 创意上,通过在楼宇间探秘,寻找到“宝贝”(推广产品)的形式,让用户互动和了解美宝莲纽约的新产品。策划上分三部分,第一部分:闪亮开场,用“大片”的形式开场,十足的时尚感科技感,起范儿;第二部分:提示用户每一栋大楼都暗藏玄机,用户会根据光引导,点击楼尖、自由女神像等,点击其他楼体,还有小惊喜,出现多个交互小动画(序列帧动画),每个小动画都跟产品有关;第三部分:产品介绍,点到“自由女神”后会弹出,原来这是MayBelline New York要推baby同款的唇露;

  2. 设计上,暗夜亮光,粉紫亮色,契合产品颜色,突显时尚与科技感;

  3. 交互上,主要采用点击、拖拽的方式;

  4. 美中不足,加载慢,打开时间长,小五第一次打开用了19秒求Android机主心里阴影面积,^_^ 



技术实现: jQuery + CreateJS


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

识别图中二维码

MAYBELLINENEWYORK 联合大众点评 产品宣传H5:美宝莲纽约全新BABY同款好气色唇露-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

在行 & 小米:小米联合在行活动宣传H5:寻找90后斜杠青年

腾讯视频“魅力野兽”节目,新一轮的H5宣传案例

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~