案例: 开学报道指南
品牌: 屈臣氏
玩法:测试
整理:蓝橙H5定制
1.详情内容上:
屈臣氏在开学季出品的测试H5,通过趣味的测试题,来生成用户的开学海报,从而来宣传自己的官方app。加载界面是一个学生装的卡通人物骑着小摩托载着玩具熊和礼物盒的图案跳动,礼物盒上写着“1小时”,对应的是屈臣氏1小时送到家的小程序下单服务承诺。点击界面开始答题,题目包括暑期爆肥怎么办,军训必备品,对宿舍最在意的事,上课还有五分钟才醒来怎么办,想加入哪个社团,五道题每题三选一,点击答案后界面会出现广告语(最后一题除外)。答题完毕后自动生成海报,海报包括用户名与头像,2019在学校的人物属性标签及解析,以及在职场中的状态解读。
2.页面设计上:
卡通风格,萌趣可爱,颜色是蓝色与橘色为主,视觉上很青春活泼又有跳跃感。点击答案后,屏幕上会出现与题目内容有关的出品方的广告,加深用户对自如和屈臣氏的印象。
3.用户体验上:
背景音乐很活泼,用重音和摩擦音作为节奏点,有点搞怪的风格,突出了正当年青的学生们给人的古灵精怪自由自在不受约束的感觉。
扫描二维码查看
注:如您需要咨询本案例的详细信息,或者需要了解更多案例,可点击右侧“方案咨询”在线联系,或者微信搜索“蓝橙互动”公众号获取案例。
相关链接:H5制作|H5玩法|小程序定制|H5技术资讯|H5课件