奕歌:不立Flag,还过什么2020年?

2020-01-17 H5案例分享 H5案例分享
奕歌:不立Flag,还过什么2020年?


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

识别图中二维码

不立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案例分享”团队原创文章,转载请注明出处!

标签

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

相关推荐:

华为X网易新闻:2020你开胡了吗

奥乐齐:摇出我的新年flag,领取大额优惠卷!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~