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

京东×国家宝藏:当古人遇上9012最新手机
2019年08月16日 10:23 H5案例分享

趣味十足的古装动画人物形象与新手机相互结合,

让你随之脑洞大开。

快来测测你是属于哪种宝藏人格吧!

案例链接:http://m.infinistudio.cn/2019/jd/ok.html?osr=anli

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

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

品牌:京东×国家宝藏

技术实现:LayaAir

亮点:

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道题目,定制精美插画海报。

【案例截屏】

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

财经自媒体联盟更多自媒体作者

新浪首页 语音播报 相关新闻 返回顶部