百度：广告人你的明天在哪里

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

案例：广告人你的明天在哪里

出品：百度

亮点：

策划上，场景类，用户群体明确，专业的广告人。首页以两面墙比喻广告人在新媒体趋势下遇到的阻力与不适应，引导用户拆墙“解救广告人”，以一个白色广告人为代表，一路向前，分别受到来自客户、面试官、同行的不满，在这种形式下该怎么办？多听听4A公司大咖们的建议，即刻改变，做一个有创新精神的广告人。
设计上，采用蓝色作为主色调，黑色作为背景色，还有萌哒哒的商务小人
交互上，点击墙壁即可将墙拆除，后面的场景主要采用的是动画自动播放，看大咖们的意见采用的是左右滑屏的方式
技术上，场景切换主要采用的是 jQuery Transit（jQuery超平滑的CSS3转换和过渡插件），每屏里的动画主要采用的是CSS3的animation

技术实现： jQuery + jQuery Transit（jQuery超平滑的CSS3转换和过渡插件）

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

识别图中二维码

广告人你的明天在哪里-查阅二维码

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

标签