喜马拉雅：中秋，假如思念有声音......

2021-09-22 H5案例分享 H5案例分享

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

识别图中二维码

中秋，假如思念有声音......-查阅二维码

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

案例：中秋，假如思念有声音......

品牌：喜马拉雅

技术实现： html5

亮点：

喜马拉雅推出的中秋节作品，从平台“听”的角度出发，让用户聆听生活中代表思念的声音，感受生活的美好，还可以点击触点加入会员，聆听更多声音节目。

初始页是主题导语，点击触点后，一副手绘的生活图出现，左上侧有内容介绍和关于思念的感悟文字，用户聆听图中场景的相应声音，点击下方触点可暂停声音，切换至上一个或下一个画面与声音，登录喜马拉雅会员介绍页，或点击分享触点生成当前图片的海报，海报可直接关闭后继续浏览其余内容。

手绘作品，内容都是生活中常见的场景，妈妈做饭，火车飞驰，街头熙攘，晚上赏月，家人散步，静谧农村等，颜色很温暖，画风很温馨，静态的图片，让用户专注聆听画中场景出现时会听到的声音，营造意境，表达亲情主题。

作品从平凡的生活场景中，提炼关于亲情思念的表述，原来生活中的美好是有许多的，需要我们用心去感受，去珍惜。

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

标签