原标题：58同城：听见重启的声音

案例：听见重启的声音

品牌：58同城

技术实现：Swiper + jQuery + html2canvas + Egret + TweenJS

1、创意定位

58同城以听见重启的声音为主题，讲述复工复产后城市的状态。

2、策划上

① 首先是一个疑问“你听过城市暂停的声音吗？”，后面是四个城市具体的地点在疫情期间和复工复产后的对比画面；

② 镜头拉到成都春熙路，画面是灰白色的，只有人物彩色，提示用户拖动口罩给小人戴上，画面瞬间变成彩色，又恢复往日熙熙攘攘的人群；向上滑动屏幕，进入下一个城市的街道，上海青浦工业园区，点击人物，点击蹦床，人物上跳，开启彩色画面；北京望京SOHO，画面进入大楼中的工作员工，点击手机，画面色彩，开始面试邀请；武汉长江大桥，点击小人推动汽车，大桥又恢复往日的车流；4个城市街道画面快速切换；

③ 进入启动海报页面，5张海报，用户点击左右按钮进行切换，可以在海报上添加人物，一共男女两个人物，并调整人物的位置，但不能调整人物大小，点击“生成重启海报”，生成海报。

3、设计上

颗粒度画面，精致的城市街景绘制，街景会有灰白和彩色两种状态。

4、体验上

感受到城市在重启，无论身边还是H5中的城市街道，人们在恢复往日的状态，加油~

听见重启的声音

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

以上为【H5案例分享】团队原创文章！

转载请务必注明出处！

责任编辑：