腾讯:声音杂货铺

2018-12-10 H5案例分享 H5案例分享
腾讯:声音杂货铺


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

识别图中二维码

声音杂货铺-查阅二维码

完整欣赏此案例大约需要8分56秒


案例:声音杂货铺

出品:腾讯

亮点:

1.创意定位

腾讯公益为宣传“乐圃音乐空间”项目,保护羌族文化推出的H5作品,用户通过在线聆听少数民族乐器的声音,了解羌族文化正在逐渐消失的社会状况,增加用户对此公益项目的知晓和参与。

 

  1. 策划逻辑

加载过后,随着屏幕上的星空旋转,用户来到了一座名为“声音杂货铺”的房子前,房子中有不同的少数名族乐服饰(羲族镶边衣),面具(土家族傩戏面具),合照(介绍苗族古歌),配饰(侗族银饰项圈)等,点击不同物品,界面会出现其对应的简介,点击乐器还可以聆听约10秒的乐器演奏,乐器包括羌族羊皮鼓,蒙古族马头琴,苗族芦笙,传统唢呐等,选择结束后,界面会出现保护远山声音以及“乐圃音乐空间的”标语,点击“助力守护”,可在选择乐器带走的环节浏览该乐器的历史简介,然后登陆腾讯“公益乐圃音乐空间”,页面详细描述了羲族音乐的发展历史和需要保护的迫切性,以及创立这个项目的学校的建立历程,最后用户可分享此作品或者在线捐款。

 

  1. 设计上

简单的互动型作品,点击即可了解倾听,深色系构图和接近乐器原貌的绘画,声音较小的轻柔背景音乐,符合“保护正在消逝的古老文化”这样稍微有点沉重的主题。

 

  1. 体验上

画面设计比较简单,在使用过程中线索屡次跳出有点影响观感,民族乐器等的介绍比较简单,可适当稍微详细一点,比如乐器自发明到现在已经流传的时间年数,会更能刺激用户对文化传承的感触。



技术实现: HTML5



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

标签

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

相关推荐:

搜狗知音:以声相伴,让爱常在

腾讯公益×中国一汽:看看你的小红花,能飞多少米

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~