58同城：听见重启的声音
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分15秒
案例：听见重启的声音
品牌：58同城
技术实现： Swiper + jQuery + html2canvas + Egret + TweenJS
亮点：
1、创意定位
58同城以听见重启的声音为主题，讲述复工复产后城市的状态。
2、策划上
① 首先是一个疑问“你听过城市暂停的声音吗？”，后面是四个城市具体的地点在疫情期间和复工复产后的对比画面；
② 镜头拉到成都春熙路，画面是灰白色的，只有人物彩色，提示用户拖动口罩给小人戴上，画面瞬间变成彩色，又恢复往日熙熙攘攘的人群；向上滑动屏幕，进入下一个城市的街道，上海青浦工业园区，点击人物，点击蹦床，人物上跳，开启彩色画面；北京望京SOHO，画面进入大楼中的工作员工，点击手机，画面色彩，开始面试邀请；武汉长江大桥，点击小人推动汽车，大桥又恢复往日的车流；4个城市街道画面快速切换；
③ 进入启动海报页面，5张海报，用户点击左右按钮进行切换，可以在海报上添加人物，一共男女两个人物，并调整人物的位置，但不能调整人物大小，点击“生成重启海报”，生成海报。
3、设计上
颗粒度画面，精致的城市街景绘制，街景会有灰白和彩色两种状态。
4、体验上
感受到城市在重启，无论身边还是H5中的城市街道，人们在恢复往日的状态，加油~
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
