别克：天子后宫巡游记

2016-08-10 H5案例分享 H5案例分享

案例：天子后宫巡游记

出品：别克

亮点：

策划上，七夕佳节图文展示类，① 首屏用一个葡萄引诱皇帝的小动画，勾起人们对为什么幸福的皇帝都爱吃葡萄的好奇心；② 而后3幅吃葡萄的腻歪场景+搞笑有趣的文字说明展现了皇帝幸福秘诀；③ 继而点出吃葡萄的这些故事，其实都是对待感情的姿势，爱人间多一些，眉来眼去、走心互动，并由此引出懂你的英朗；④ 填写个人信息，即有机会领取“别克英朗节气水果礼盒”专项抵用券、预约试驾。
设计上，青花瓷风格，采用蓝色作为主色调，音乐图标是一个喜鹊，播放的时候，喜鹊鸣叫动画配上魔性音乐，再加上动态搞笑有趣的画面，这效果也真是没谁了。
技术上，① 音乐图标动画采用的是CSS3的animation；②首屏用一个葡萄引诱皇帝的动画和皇帝与妃子之间吃葡萄的互动画面采用的是Canvas + CreateJS。
传播上，现在正值葡萄成熟丰收，吃起来正美味的季节，再乘着七夕佳节，恩爱狗们纷纷发狗粮的时候，推出这支H5，有利于传播~

技术实现： jQuery + CreateJS + HammerJS

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

识别图中二维码

天子后宫巡游记-查阅二维码

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

标签