小米有品:快让她治愈你的坏心情

2019-06-03 H5案例分享 H5案例分享
小米有品:快让她治愈你的坏心情


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

识别图中二维码

快让她治愈你的坏心情-查阅二维码

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


案例:快让她治愈你的坏心情

品牌:小米有品

亮点:

1、策划上
1) 这是小米有品推出的一支宣传类的H5,讲述了一名在城市拼搏的女孩,治愈她坏心情的故事。
2)首先看到的是各种烦恼,开启后
章节一讲述了早早起床上班,通过画一个美美的妆,点击撸个猫来治愈;
章节二讲述了工作中皮肤的烦恼,不断点击屏幕中的怪兽,进入下一章;
章节三晚上9点,最美的期待就是在工作一天后,喷上小米20ml,美美的睡一觉。通过这些场景,你会发现,生活中你以为的平淡,处处藏着美好,点击人物,进入梦乡。
点击睡梦中人物右侧床头的绳子,进入最后一屏,需要输入姓名,生成专属治愈计划。

2、设计上
蓝色主色调,手绘风格,人物和景物都比较甜美。

3、交互上
每个章节切换,屏幕都有白色的圆点一闪闪的提示。

4、体验上
通过主人公女孩,从早到晚,能量满满的状态,女生不仅爱美也爱生活。



技术实现: html5



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

标签

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

相关推荐:

小米:无聊治愈所

小米:小米520诗选

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~