Bilibili:我的睡眠大法
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分30秒
案例:我的睡眠大法
品牌:Bilibili
技术实现: html5
亮点:
- 创意定位
入睡习惯因人而异,入睡效率却是很多人烦恼的问题,bilibili为此推出了助眠音乐系列,帮助用户入睡,用户在作品中整理自己的入睡习惯,同时获知助眠技巧。
- 策划逻辑
情景布置类作品,用户在作品中选择选择性别和入睡姿势,房间风格,调整空调温度,窗帘开关和灯光明暗,打开下方菜单给房间添加卧室摆件,助眠工具,选择助眠音乐,还原自己入睡时的样子,生成海报,海报上有音乐搜索关键词和作品二维码。
- 设计上
作品抓住了很多小细节,连空调温度和眼罩正反戴法都在选项之中。其余选项也包含得很齐全,像台灯,床头柜等家居类的都有好几种风格可以选择,还有书籍,宠物,烫脚盆,瑜伽垫,入睡音乐等,非常细心的罗列了各种睡眠技巧和习惯供用户选择,非常细心和贴近生活。可以选择电脑是否还在播放,内容有罗翔老师说刑法,高数课堂,非正式会谈等,贴合热点。
- 感受上
原来睡前可以做这么多准备工作,自己布置的时候才发现。
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号