京东×国家宝藏:当古人遇上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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号