人民日报 + 中国移动咪咕:你是一颗什么树
![人民日报 + 中国移动咪咕:你是一颗什么树](https://niu.h5anli.com/Uploads3/202103/161570484199758.jpg)
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要45秒
案例:你是一颗什么树
品牌:人民日报 + 中国移动咪咕
技术实现: JavaScript
亮点:
1、创意定位
人民日报、中国移动和咪咕联合出品的H5,关于树,简单的互动后,匹配一颗品格相近的树,有树名、树的简单介绍,小编认为应该是与刚刚过的植树节有关的H5。
2、策划上
小树苗成长过程加载完毕,对树木的介绍,引起对植物的了解,向下滑动屏幕,列出一些品质,选择3个与你相近的品格,点击“匹配和你一样的树”按钮,匹配出一颗树;选择“就是它”,生成一张带有头像昵称和匹配树的海报;也可以选择“不是,继续找”,切换另外一颗品种的树,还是觉得与自己不匹配,可以再次点击“不是,继续找”。
3、设计上
纸质背景,树木采用彩铅效果绘制,页面整体简单明了。
4、体验上
页面看着不复杂,简单交互就可以生成一张匹配树;互动后为大家普及树木知识,有些是常见树种,有些只是听过。
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
![](https://niu.h5anli.com/images/qrs.jpg)
微信扫一扫
关注该公众号