京东商城:测一测你是哪种特权之神
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:测一测你是哪种特权之神
品牌:京东商城
技术实现: html5
制作:
亮点:
- 创意定位
四海八荒诸神众多,假如你有神权会怎么样呢?测试出自己的“神”潜质,最后还可以登陆京东会场,领取“京东尚学季”优惠券,参加1元购好礼等活动。
- 策划逻辑
作品以测试题目为主,主要分为三个部分
①主题导入。加载界面是几位打扮潮酷的雕像和宠物的照片轮流闪现,加载完毕后进入标题界面,根据爱心手势下的提示,下滑屏幕,首先是一段导入语,点击导语下的“开始测试”进入答题环节。
②问题选择。一共六道题,每题三选一,答案以文字搭配搞笑图片的方式显示,问题包括你认为自己在《学海风云》第一集中会是谁,给老师的教师节礼物选择,对挂科的反应,如何应对同学排挤,选一样带去荒岛的东西,你认为中秋之夜学长月约你看星星的原因。
③海报生成。答题完毕后自动生成海报,包括标题XX之神,你拥有XX的特权,一句解说语和一副主图,海报左右两侧和底部是京东尚学季标语,及作品二维码,用户可保存海报,扫描二维码重新测试,也可分享作品,形成客户回流。
- 设计上
画面色彩丰富,每跳至下一个界面便更换一种主题底色,视觉上很有新鲜感,每个答案搭配一副搞笑图标,网格状的背景底图让画面看起来很丰富,凸显作品主题的无厘头风格,著名雕塑的照片也穿上了撞色的时髦衣物,带着彩色墨镜,古典美与现代网络元素的融合让整个作品玩起来很搞笑有趣。
- 交互上
答题时用户点击文字或者图片都可以,答题完毕后会自动生成海报。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号