酷狗音乐：是什么在偷走你的睡眠？

2021-03-25 H5案例分享 H5案例分享

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

识别图中二维码

是什么在偷走你的睡眠？-查阅二维码

完整欣赏此案例大约需要48秒

案例：是什么在偷走你的睡眠？

品牌：酷狗音乐

技术实现： reactjs

亮点：

1、创意定位

酷狗音乐借助世界睡眠日（ 3月21日），打造“我的睡眠账单”用户DIY类H5

2.策划上

① 首屏以我的睡眠账单开始，提示用户向上滑动屏幕；进入信息页面，输入昵称、入睡时间和起床时间；

② 进行睡眠时间的“小偷”选择页面，选择影响睡眠时间的“小偷”；

③ 最后得出自己的睡眠称号和立下Flag，以此海报进行传播。

3.设计上

采用原创插画，温暖治愈。

4、体验上

案例整体比较短小，选择的睡眠时间的“小偷”种类也不多；不过不管如何，保证充足的睡眠，是对自己负责。

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

标签