淘宝网 & 蜻蜓FM:FM1212淘宝亲亲调频

2016-12-08 H5案例分享 H5案例分享
淘宝网 & 蜻蜓FM:FM1212淘宝亲亲调频

案例:FM1212淘宝亲亲调频

出品:淘宝网 & 蜻蜓FM

亮点:

  1. 创意上,以买家或卖家,甚至商品的口吻,叙述买卖双方的“亲亲合力”故事,并做成了模拟电台的形式,为双十二做市场预热。

 

  1. 策划上,loading完毕,由一个炫酷的动画效果引出“亲亲合力”主题,接着进入模拟FM调频电台。电台可以左右滑动屏幕,或点击屏幕下方的左右按钮来“调频”,上下滑动屏幕可以查看故事梗概。左右滑动到两个故事中间时,会有收音机噪声,直到画面完整,故事才会开讲。一共有12个故事。

 

  1. 设计上,画面色彩丰富,随着画面变化,背景色也会渐变过度。12个不同的故事,不同的动画,虽然是循环播放,但背景故事是实打实的几分钟的真故事,讲述风格或逗比搞笑,或温暖人心,总之都很有意思。

 

  1. 体验上,可能是音频文件太多,小编使着画面略有卡顿,但音频播放很流畅。如果不考虑这些,好看的画面,有趣的故事,用心的制作,足以打动并留住用户。S.其中还有能涨姿势的故事亲们发现了咩?



技术实现: Egret(白鹭引擎) + CreateJS + jQuery


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

识别图中二维码

FM1212淘宝亲亲调频-查阅二维码




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

标签

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

相关推荐:

淘宝网:1212淘宝亲亲节

讯飞开放平台:八卦电台

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~