案例:寻找满分加油
品牌:One Plus
玩法:答题测试
整理:蓝橙H5开发
1.H5背景详情:
一加手机OnePlus是OPPO前副总经理刘作虎创立的深圳市万普拉斯科技有限公司旗下的智能手机品牌,坚持“不将就”的产品理念,坚持“让好产品说话”,采用线上销售模式。2019年是一加手机成立的六周年,一加手机官方出品了这款答题测试H5,用户通过回答和一加手机相关发展的问题,来获取抽奖资格,以此吸引用户积极参与,提高品牌和活动热度。
2.H5内容策划:
加载完毕后是一个粉色礼物盒,点击打开后,播放六周年回顾小短片,然后是一段关于给未来加油的寄语,然后进入标题界面,此界面可以查看游戏规则和奖品设置,然后点击触点开始答题,共七题,每次打开题目会略有不同,包括一加品牌创立的日期,社区常用语言,在某个时间点推出的产品等,也有拼图,拍照等题目,最后输入名字生成海报,包括用户名,等级和插图,用户可领取福利(及格才可以领)或重玩游戏。
3.H5页面设计:
策划上选用了和品牌发展的测试题目,设计上采用了手绘动画风格,配色上选用了红色。界面颜色饱和度较较低,视觉上温和舒缓,每个题目都有相应的背景,答题结束后,背景以动态的形式进入下一题,整个作品活泼丰富,略有跳跃感,符合“社区”主题。
扫描二维码查看
注:如您需要咨询本案例的详细信息,或者需要了解更多案例,可点击右侧“方案咨询”在线联系,或者微信搜索“蓝橙互动”公众号获取案例。
相关链接:H5制作|H5玩法|小程序定制|H5技术资讯|H5课件