SIGMA：狗粮生成器
案例：狗粮生成器
出品：SIGMA
亮点：
- 策划上，动画展示+分享。进入页面点击“生成狗粮”，接着会随机生成一份“狗粮”，用户可以分享给单身狗们“作为礼物送给TA”，或再“重新生成”新的一份。被分享的人打开后，选择“拆狗粮”就能看到这份礼物啦！
- 设计上，手绘风格，画风魔性、夸张，视觉冲击很强。开头是一个“❤”，然而点击按钮后，这个“心”会被强行掰开，狗粮和文字会从里面蹦出。背景音乐很轻快活泼，与魔性的画风产生了一定的反差。每份“狗粮”还都有不同的背景音效。
- 体验上，非常短小而又精悍的一支H5，虽然生成狗粮的整个过程不到五秒，但足够就是这短短的时间，就能吸引人的眼球，并且诱惑着人看看有没有别种的狗粮。既然是狗粮，那基本与“甜蜜”无关，因此这个H5在画面及内容表现上，用了魔性的风格，尽可能地夸张化，小编相信肯定能引起单身狗们的共鸣，戳中他们（包括小编）的兴奋点！
技术实现： CreateJS + Zepto + TweenMax(动画框架)
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
