红星美凯龙：做我的新欢吧

2016-06-02 H5案例分享 H5案例分享

案例：做我的新欢吧

出品：红星美凯龙

亮点：

策划上，小游戏类，主要分为两个维度，一：先选择帅哥/美女做我的新欢，然后跟他/她走吧，继而是三道关于新欢的选择题，选完之后，帅哥/美女做出诱惑的表情，玩到这的时候，小编还以为这是与恋爱有关的，测试答题类的H5案例；二：但是！！！而后画风一转，帅哥/美女变逗比，才知道原来新欢是红星美凯龙家具，结果真是出人意料，令人印象深刻，极巧妙地宣传了红星美凯龙30周年庆，还有优惠等你来拿哦
设计上，整体色调偏淡，画风清新自然，看起来简洁优雅，也暗衬出红星美凯龙家具的优雅美观
交互上，通过点选测试题选项的方式控制动画的播放和暂停
技术上，整体动画主要采用Canvas+JS
体验上，加载有些慢，但是整支H5很有代入感，非常不错哦，赤裸裸地把小编我给欺骗了~~~

技术实现： Canvas + jQuery

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

识别图中二维码

做我的新欢吧-查阅二维码

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

标签