奕歌:不立Flag,还过什么2020年?
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分48秒
案例:不立Flag,还过什么2020年?
品牌:奕歌
技术实现: html5
亮点:
1、创意定位
本文通过简单有趣的flag形式,以好玩有趣的特征点亮2020年,同时把品牌特性植入H5,以开动小车点击方向盘的形式选择类型flag。
2、策划逻辑
①进入H5页面一辆红色炫酷的小红车浮现,文案浮出告诉我们在2020年高速行驶,为自己的flag加油
②点击按钮别等了上车进入演示页面,跟随演示步骤即可进入主页面
③点击方向盘上面的事业、爱情、生活、小确幸这些flag为自己的2020立言,向下滑动即可开展更多flag,一共可以立6个flag
④在立flag的路上可以看到沿途的风景,非常惬意,选择好之后flag即可点击开始召唤按钮
⑤点击跟随沿线剪切即可召唤新车,可看到红色小车,随即点击页面填写姓名形成自己的flag
⑥页面有三个选项,点击让我看看别人家的flag即可去送礼,点击喊上朋友立flag即可邀请好友,点击不过瘾可以再次选择自己的flag
3、设计风格
整体背景偏青涩,一眼看上去很舒服,开头的众人扶旗、配饰的小星星、方向盘、蓝天白云流水、抢眼的大红车、以及配饰物都能看得出很用心。
4、音效上
开头以激昂的音乐随着字幕潜进,后面以轻松愉快的背景乐配合整个交互使用,让H5更加有趣。
5、体验上
整个H5把2020年立的flag结合品牌特性展现,好玩又有趣,填写flag上不需要手动填写,点击相应的方向盘即可自动输入,很轻松一个很好的体验,还可以捞别人的flag送上自己的祝福,在传播上也下了不少功夫,也算是用户的啊哈时刻。
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号