MAYBELLINE NEW YORK + 大众点评:MAYBELLINENEWYORK 联合大众点评 产品宣传H5:美宝莲纽约全新BABY同款好气色唇露
案例:MAYBELLINENEWYORK 联合大众点评 产品宣传H5:美宝莲纽约全新BABY同款好气色唇露
出品:MAYBELLINE NEW YORK + 大众点评
亮点:
-
创意上,通过在楼宇间探秘,寻找到“宝贝”(推广产品)的形式,让用户互动和了解美宝莲纽约的新产品。策划上分三部分,第一部分:闪亮开场,用“大片”的形式开场,十足的时尚感科技感,起范儿;第二部分:提示用户每一栋大楼都暗藏玄机,用户会根据光引导,点击楼尖、自由女神像等,点击其他楼体,还有小惊喜,出现多个交互小动画(序列帧动画),每个小动画都跟产品有关;第三部分:产品介绍,点到“自由女神”后会弹出,原来这是MayBelline New York要推baby同款的唇露;
-
设计上,暗夜亮光,粉紫亮色,契合产品颜色,突显时尚与科技感;
-
交互上,主要采用点击、拖拽的方式;
-
美中不足,加载慢,打开时间长,小五第一次打开用了19秒,求Android机主心里阴影面积,^_^
技术实现: jQuery + CreateJS
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号