网易 × 银联：现代病诊疗所
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要30秒
案例：现代病诊疗所
品牌：网易 × 银联
技术实现： video + 原生JavaScript + PixiJS
亮点：
1.创意定位
由网易和银联卡制作的“现代病”小测试H5。
2.策划逻辑
整个H5主要分为2部分：
①测试部分：羊驼王三三一边看手机一边得出结论“朋友们，你是否时常感觉压力山大、头痛失眠？每天最大的运动量就是在网上冲浪根据我王三三的诊断，你大概是患上了“现代病”！少年，有病就得治，千万别拖着”说完后会自动跳转到输入姓名的页面，“生活高手王三三在线把脉快来get你的现代病诊断书”，点击开始诊断进入测试。
Q1：你的周末通常怎么度过？
Q2：以下哪种情况最不能忍受？
Q3：选出一下能给你带来愉悦感的声音
Q4：以下哪些是你逛超市的小怪癖？
Q5：上一次去超市是什么时候？
②海报部分：回答完5道小题进入海报页，会得出现代病诊断结果，还有专门根据测试得出的治愈处方，最下方还有医生签名的梗和几个公司的Logo。可点击诊断好友，分享给好友；超市节优惠治愈和长按保存按钮。
3.设计上
卡通形象可爱，颜色鲜亮。在问题页面还有动作。
4.体验上
点击右上角可关闭音乐，最前方可跳过王三三说的话直接填写姓名。加载速度快。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
