ZIROOM自如X屈臣氏APP: 开学报道指南

2019-09-23 H5案例分享 H5案例分享
 ZIROOM自如X屈臣氏APP: 开学报道指南


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

 开学报道指南-查阅二维码

完整欣赏此案例大约需要1分20秒


案例: 开学报道指南

品牌: ZIROOM自如X屈臣氏APP

技术实现: html5

制作:

亮点:

  1. 创意定位

开学季到来,你对学校有什么期待?面对突发情况将如何选择?快来游戏中回答问题,生成你的开学海报,还有ZIROOM自如和屈臣氏APP联手送出的开学大礼包可以领取哦!

 

  1. 策划逻辑

①Loading

加载界面是一个学生装的卡通人物骑着小摩托载着玩具熊和礼物盒的图案跳动,礼物盒上写着“1小时”,对应的是屈臣氏1小时送到家的小程序下单服务承诺。

 

②标题

主图仍是刚才那幅图,只是图片较大,上侧有作品标题,下侧是假期不足的导语。

 

③答题

点击界面开始答题,题目包括暑期爆肥怎么办,军训必备品,对宿舍最在意的事,上课还有五分钟才醒来怎么办,想加入哪个社团,五道题每题三选一,点击答案后界面会出现广告语(最后一题除外)。

 

④海报

答题完毕后自动生成海报,海报包括用户名与头像,2019在学校的人物属性标签及解析,以及在职场中的状态解读。

 

  1. 设计上

卡通风格,萌趣可爱,颜色是蓝色与橘色为主,视觉上很青春活泼又有跳跃感。点击答案后,屏幕上会出现与题目内容有关的出品方的广告,加深用户对自如和屈臣氏的印象。

 

  1. 音效上

背景音乐很活泼,用重音和摩擦音作为节奏点,有点搞怪的风格,突出了正当年青的学生们给人的古灵精怪自由自在不受约束的感觉。

 





以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

完美人生:我的开学季,我的大学照

屈臣氏X微笑行动:点亮微笑,美有道理

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~