Bilibili:我的睡眠大法

2022-07-06 H5案例分享 H5案例分享
Bilibili:我的睡眠大法


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

识别图中二维码

我的睡眠大法-查阅二维码

完整欣赏此案例大约需要2分30秒


案例:我的睡眠大法

品牌:Bilibili

技术实现: html5

亮点:

  1. 创意定位

入睡习惯因人而异,入睡效率却是很多人烦恼的问题,bilibili为此推出了助眠音乐系列,帮助用户入睡,用户在作品中整理自己的入睡习惯,同时获知助眠技巧。

 

  1. 策划逻辑

情景布置类作品,用户在作品中选择选择性别和入睡姿势,房间风格,调整空调温度,窗帘开关和灯光明暗,打开下方菜单给房间添加卧室摆件,助眠工具,选择助眠音乐,还原自己入睡时的样子,生成海报,海报上有音乐搜索关键词和作品二维码。

 

  1. 设计上

作品抓住了很多小细节,连空调温度和眼罩正反戴法都在选项之中。其余选项也包含得很齐全,像台灯,床头柜等家居类的都有好几种风格可以选择,还有书籍,宠物,烫脚盆,瑜伽垫,入睡音乐等,非常细心的罗列了各种睡眠技巧和习惯供用户选择,非常细心和贴近生活。可以选择电脑是否还在播放,内容有罗翔老师说刑法,高数课堂,非正式会谈等,贴合热点。

 

  1. 感受上

原来睡前可以做这么多准备工作,自己布置的时候才发现。





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

标签

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

相关推荐:

RALPH LAUREN:#这是我的Polo

五粮液:你的灵魂住着哪位酒仙

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~