橙意机构：惊爆，4月7号成都广告人集体罢工！

2017-04-06 H5案例分享 H5案例分享

案例：惊爆，4月7号成都广告人集体罢工！

出品：橙意机构

亮点：

策划上，动画类，① 加载完毕点击进入，闹钟响了，月亮升起，天黑了，汪声四起，你是设计狗、策划狗、文案狗、媒介狗、公关狗中的哪只加班汪呢？请选择；② 选择完毕，来到这支汪的面前，根据提示进行点击操作，看看他们的工作日常；③ 看完之后，可选择去看看其他汪，还是不看了去2017成都广告狗连环趴看看；④ 稍后引出4月7号成都广告人集体罢工去成都国际广告节，点击尾屏按钮即可去橙意机构了解详情。
设计上，漫画风格，loading页上不断汪汪汪的小狗很可爱很符合主页面里各种加班汪的形象，设计狗、策划狗、文案狗、媒介狗、公关狗的形象很拟人化哦，很有趣。
技术上，里面的动画主要采用TweenJs（Javascript动画库）来实现的，动画平滑而流畅。

技术实现： jQuery + TweenJs

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

识别图中二维码

惊爆，4月7号成都广告人集体罢工！-查阅二维码

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

标签