亚马逊电子书阅读器Kindle Oasis宣传H5:轻薄至美,读具一格

2016-04-24 H5案例分享 H5案例分享
亚马逊电子书阅读器Kindle Oasis宣传H5:轻薄至美,读具一格

案例:轻薄至美,读具一格

出品:Amazon 亚马逊

亮点:

  1. 创意上,用舞者的轻盈来展现Kindle Oasis的酷黑轻薄特色,读具一格。策划上,以“轻薄至美,读具一格”为主题,以舞者动画引出Oasis的四个特色:轻、薄、内置重力感应可180°自动选择、双电池续航能力长达数月,每一个特色都由用户划屏交互,播放舞者的一个完美动作,还嵌入了舞者TVC,最后明确给出Oasis价格及购买链接,标准新品上市,销售引流思路。
  2. 设计上,采用黑白灰风格,有质感,结合动画,配合产品介绍文案,黑底白字灰动画,产品气质So Cool;
  3. 交互上,采用用户横划引出动画、上划翻屏、点击按钮等方式。
  4. 缺点:① 未做横屏适配或锁定;② 用户上划翻屏,有时卡顿;



技术实现: jQuery



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

识别图中二维码

轻薄至美,读具一格-查阅二维码


轻薄至美,读具一格

轻薄至美,读具一格

轻薄至美,读具一格


分享小知识点一个:


该案例中的交互动画,使用了“序列帧动画”技术,类似地铁里的广告,都是静态的一幅幅,地铁开起来,动画呈现。


下图为该案例一个动画的静态帧图:(445K)

序列帧图

想知道如何做这种动画,可以加小五(微信:guanfangxiao5)进行交流。



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

瑞丽伊人风尚活动H5宣传案例 — 瑞丽伊人风尚

“百度钱包”品牌推广H5案例 — 据说这里有一桩大买卖...

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~