案例:测一测你是哪种特权之神
品牌:京东商城
玩法:测试
整理:蓝橙H5开发团队
1.详情内容上:
京东商城出品的测试H5,测试出用户的“神”潜质,最后还可以登陆京东会场,领取“京东尚学季”优惠券,参加1元购好礼等活动。作品以测试题目为主,主要分为三个部分:
①主题导入。加载界面是几位打扮潮酷的雕像和宠物的照片轮流闪现,加载完毕后进入标题界面,根据爱心手势下的提示,下滑屏幕,首先是一段导入语,点击导语下的“开始测试”进入答题环节。
②问题选择。一共六道题,每题三选一,答案以文字搭配搞笑图片的方式显示,问题包括你认为自己在《学海风云》第一集中会是谁,给老师的教师节礼物选择,对挂科的反应,如何应对同学排挤,选一样带去荒岛的东西,你认为中秋之夜学长月约你看星星的原因。
③海报生成。答题完毕后自动生成海报,包括标题XX之神,你拥有XX的特权,一句解说语和一副主图,海报左右两侧和底部是京东尚学季标语,及作品二维码,用户可保存海报,扫描二维码重新测试,也可分享作品,形成客户回流。
2.页面设计上:
画面色彩丰富,每跳至下一个界面便更换一种主题底色,视觉上很有新鲜感,每个答案搭配一副搞笑图标,网格状的背景底图让画面看起来很丰富,凸显作品主题的无厘头风格,著名雕塑的照片也穿上了撞色的时髦衣物,带着彩色墨镜,古典美与现代网络元素的融合让整个作品玩起来很搞笑有趣。
3.用户体验上:
答题时用户点击文字或者图片都可以,答题完毕后会自动生成海报,整体上对于用户的体验做到了极致,对于品牌的宣传效果也非常好。
扫描二维码查看
注:如果您还想了解更多的H5玩法案例,或者需要咨询H5定制问题,可点击右侧“方案咨询”在线联系,或者微信搜索“蓝橙互动”公众号获取案例。
相关链接:H5制作|H5案例|小程序开发|年会H5游戏|节日营销H5