京东×国家宝藏:当古人遇上9012新手机

2019-08-15 H5案例分享 H5案例分享
京东×国家宝藏:当古人遇上9012新手机


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

识别图中二维码

当古人遇上9012新手机-查阅二维码

完整欣赏此案例大约需要50秒


案例:当古人遇上9012新手机

品牌:京东×国家宝藏

亮点:

1.创意定位
由京东和国家宝藏联合为京东818手机节宣传制作的测试H5。

 

2.策划逻辑

整个H5主要由3部分构成:

 

①Loading部分:红色的宫墙为背景,有一些国家宝藏不停在变换,下方是简单的加载条和加载数据。自动进入主页,主页标题“当古人遇上9012新手机”中间是动态的四个古代人物分别拿着手机,点击下方按钮“一探究竟”按钮进入答题部分,按钮上方写着“找到自己的宝藏人格”。

 

②答题部分:首先是一个iPhone X样式的框,选择你的性别,6组动画问题随机出现4道。

Q1:夜太美,你想黑着眼眶做点什么?

Q2:举头望明月,低头要干嘛?

Q3:如何成为一名合格的船长?

Q4:面对种草狂魔的安利,你会干嘛?

Q5:你觉得谁会成为天选之人?

Q6:敌军还有30秒到达战场,如何应对?

回答完四道题后会出现框填写昵称,点击确认生成海报。

 

③海报部分:海报上有白色iPhone X的渐变框,最上方写着“xx,在古代的宝藏人格是”右边有竖着的四字人格称呼,左下方是解析,有两个按钮“Get国宝礼盒”和“再测一次”,长按可保存。

 

3.设计上

通过用户的回答选项逻辑判断出其属于12种形象其中之一,全采用手绘插画形式。

 

4.体验上

使用LayaAir H5开发引擎,提升动画、图像渲染性能。轻触回答4道题目,定制精美插画海报。



技术实现: LayaAir



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

标签

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

相关推荐:

快手×京东宠物:恋爱中的我是什么动物

腾讯X天天P图:国宝天团总决赛

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~