ZIROOM自如X屈臣氏APP: 开学报道指南
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分20秒
案例: 开学报道指南
品牌: ZIROOM自如X屈臣氏APP
技术实现: html5
制作:
亮点:
- 创意定位
开学季到来,你对学校有什么期待?面对突发情况将如何选择?快来游戏中回答问题,生成你的开学海报,还有ZIROOM自如和屈臣氏APP联手送出的开学大礼包可以领取哦!
- 策划逻辑
①Loading
加载界面是一个学生装的卡通人物骑着小摩托载着玩具熊和礼物盒的图案跳动,礼物盒上写着“1小时”,对应的是屈臣氏1小时送到家的小程序下单服务承诺。
②标题
主图仍是刚才那幅图,只是图片较大,上侧有作品标题,下侧是假期不足的导语。
③答题
点击界面开始答题,题目包括暑期爆肥怎么办,军训必备品,对宿舍最在意的事,上课还有五分钟才醒来怎么办,想加入哪个社团,五道题每题三选一,点击答案后界面会出现广告语(最后一题除外)。
④海报
答题完毕后自动生成海报,海报包括用户名与头像,2019在学校的人物属性标签及解析,以及在职场中的状态解读。
- 设计上
卡通风格,萌趣可爱,颜色是蓝色与橘色为主,视觉上很青春活泼又有跳跃感。点击答案后,屏幕上会出现与题目内容有关的出品方的广告,加深用户对自如和屈臣氏的印象。
- 音效上
背景音乐很活泼,用重音和摩擦音作为节奏点,有点搞怪的风格,突出了正当年青的学生们给人的古灵精怪自由自在不受约束的感觉。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号