京东商城:测一测你是哪种特权之神

2019-09-11 H5案例分享 H5案例分享
京东商城:测一测你是哪种特权之神


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

识别图中二维码

测一测你是哪种特权之神-查阅二维码

完整欣赏此案例大约需要1分钟


案例:测一测你是哪种特权之神

品牌:京东商城

技术实现: html5

制作:

亮点:

  1. 创意定位

四海八荒诸神众多,假如你有神权会怎么样呢?测试出自己的“神”潜质,最后还可以登陆京东会场,领取“京东尚学季”优惠券,参加1元购好礼等活动。

 

  1. 策划逻辑

作品以测试题目为主,主要分为三个部分

①主题导入。加载界面是几位打扮潮酷的雕像和宠物的照片轮流闪现,加载完毕后进入标题界面,根据爱心手势下的提示,下滑屏幕,首先是一段导入语,点击导语下的“开始测试”进入答题环节。

②问题选择。一共六道题,每题三选一,答案以文字搭配搞笑图片的方式显示,问题包括你认为自己在《学海风云》第一集中会是谁,给老师的教师节礼物选择,对挂科的反应,如何应对同学排挤,选一样带去荒岛的东西,你认为中秋之夜学长月约你看星星的原因。

③海报生成。答题完毕后自动生成海报,包括标题XX之神,你拥有XX的特权,一句解说语和一副主图,海报左右两侧和底部是京东尚学季标语,及作品二维码,用户可保存海报,扫描二维码重新测试,也可分享作品,形成客户回流。

 

  1. 设计上

画面色彩丰富,每跳至下一个界面便更换一种主题底色,视觉上很有新鲜感,每个答案搭配一副搞笑图标,网格状的背景底图让画面看起来很丰富,凸显作品主题的无厘头风格,著名雕塑的照片也穿上了撞色的时髦衣物,带着彩色墨镜,古典美与现代网络元素的融合让整个作品玩起来很搞笑有趣。

 

  1. 交互上

答题时用户点击文字或者图片都可以,答题完毕后会自动生成海报。





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

标签

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

相关推荐:

联想:春季开学,精英大侠来送礼啦

京东:彼时此时幸福不变

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~