珠江啤酒X网易云音乐:打开心声

2021-06-16 H5案例分享 H5案例分享
珠江啤酒X网易云音乐:打开心声


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

识别图中二维码

打开心声-查阅二维码

完整欣赏此案例大约需要3分钟


案例:打开心声

品牌:珠江啤酒X网易云音乐

技术实现: VueJS

亮点:

  1. 创意定位

啤酒碰杯的激情一瞬会带来情绪迸发的爽快,作品以碰杯为分界点,鼓励用户勇敢表达内心想法,不随波逐流,不被世俗的想法绑架,一步步点亮心中的光芒。最后的发声海报界面,用户可购买相应产品和收听心声歌单。

 

  1. 策划逻辑

作品主要有三个环节

 

①主题导入

黑暗中有一个亮着光的金色小人儿,点击标题页触点,输入名字,小人儿逐渐下沉,旁边是导入语和日常听到的“劝解语”,点击饮品图标,进入下一环节。

 

②心声选择

小人儿来到一个个领域,每个领域都有一个主题和一句相应的经常能听到的世俗语言,点击右下角的“点击开罐 释放心声”,两瓶饮料相碰后,界面出现两句与世俗语对抗的个人心声,把其中一个心声拖至相应位置,便能让小人儿走出此区域,走向光亮的大门。来到下个领域,领域名称分别为“昼夜颠倒”“内卷”“放弃热爱”“大龄单身”“性别歧视”和“爱情坟墓”。

 

③落地海报

最后小人儿走出所有领域,伸手够到光点,海报生成,包括用户名,出品方名字,可点击切换的磁带样式,一句标语,下方有听网易歌单和饮品下单的触点。

 

  1. 设计上

作品用了十分明显的明暗对比,纯黑色的背景,和用亮金色描绘的简约场景人物,烘托在裹挟中寻找自我之路的主题,每个领域的背景都与主题相符,昼夜颠倒的楼梯,内卷的崎岖蜿蜒之路,代表热爱的流畅五线谱和音符图案等。所选题目也很符合社会热点,许多令人纠结的问题被如实呈现,同时有两个清醒的个人观点供用户选择,给用户思索自由和选择空间。每个场景都代表一个困局,表达出观点最后终于触到光明。

 

  1. 体验上

作品中罗列的问题生活中多少都有涉及和围观,在作品中分版块展示出来,对其进行单纯的思考和抉择,可以帮用户一定程度上坚定信心,找回自己的初心和本意。





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

标签

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

相关推荐:

可口可乐:可口可乐年味视频

网易云音乐:你的性格主导色

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~