南方周末X中赫集团：冬日人类行为大赏

2021-02-19 H5案例分享 H5案例分享

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

识别图中二维码

冬日人类行为大赏-查阅二维码

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

案例：冬日人类行为大赏

品牌：南方周末X中赫集团

技术实现： html5

亮点：

冬天要做的事情有哪些呢？选出自己的必做清单获取冬日称号，还有南方周刊和中赫集团崇礼太子城小镇的项目介绍。

点击标题页的触点进入作品，输入名字，冬日会做的事情词条从上方滑落，点击自己会做的事，词条会变成相应内容的圆形可爱图标，下方有已选数量和总数分数图，完成选择后，点击“完成选择”，生成海报，包括一副主图，中心语，获得的称号，出品方名字和解析句，用户可重新测试，或下滑屏幕查看太子城小镇二维码。

手绘的雪花飘落的背景图，清新可爱，词条包含的内容很全面，养猫猫，吃冰棍等，还有各种新年传统，祭灶神，贴门对等，穿插了南方周刊关于冬季会做的报导和游戏小镇的项目，吸引用户兴趣。

词条滑落的速度较慢，密度不固定，用户可自行上下滑动屏幕，按自己的浏览速度查看和点击。

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

标签