中国体育彩票：点亮健康中国

2020-07-14 H5案例分享 H5案例分享

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

识别图中二维码

点亮健康中国-查阅二维码

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

案例：点亮健康中国

品牌：中国体育彩票

技术实现： Swiper + jQuery + html2canvas

亮点：

中国体育彩票在疫情后推出“点亮健康中国的活动”，用户在作品中操作小人完成体育项目，点亮相应体彩店或健身馆，最后可以看到全国活动分布图，为此项目宣传造势，让全国人民在疫情宅家之后提高健康意识，积极参与运动。

导入图是一个捂着肚子表情不舒服的男生，导语缓缓浮现，点击触点后，小汽车在一副地图上行驶，四个馆所依次路过，每路过一个，就要点击小人帮助他完成一个健身项目，依次是踢毽子解锁体彩实体店，引体向上解锁体育公园，打羽毛球解锁羽毛球馆，跳绳点亮城市，确认后可看到全国分布图和活动口号，点击触点可查看活动海报。

疫情长期宅在家，许多人都出现长胖或身体素质下降的问题，作品以实际情况为出发点，用帮助小人运动引发自身运动的积极性，了解此次活动，感受体彩的社会责任感。

操作很简单，基本是点击五下小人即可，下方有进度图，完成后，小车到达的场馆也会从黑白变成彩色，增加用户成就感。

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

标签