城市宣传H5活动流程介绍
以听见重启的声音为主题，通过展现疫情期间和复工复产后城市的状态对比，传递出城市复苏和重启的积极信息，体现 58 同城对社会生活恢复正常的关注和对用户生活的关心。以下是对 58 同城 “听见重启的声音” 城市宣传H5案例的详细分析。
1、活动创意
58同城以听见重启的声音为主题，讲述复工复产后城市的状态。同时运用了 Swiper、jQuery、html2canvas、Egret、TweenJS 等技术，实现了流畅的页面切换、互动效果和精美的画面展示，为用户带来了良好的视觉和交互体验
2、活动策划
① 首先是一个疑问“你听过城市暂停的声音吗？”，后面是四个城市具体的地点在疫情期间和复工复产后的对比画面；
② 镜头拉到成都春熙路，画面是灰白色的，只有人物彩色，提示用户拖动口罩给小人戴上，画面瞬间变成彩色，又恢复往日熙熙攘攘的人群；向上滑动屏幕，进入下一个城市的街道，上海青浦工业园区，点击人物，点击蹦床，人物上跳，开启彩色画面；北京望京SOHO，画面进入大楼中的工作员工，点击手机，画面色彩，开始面试邀请；武汉长江大桥，点击小人推动汽车，大桥又恢复往日的车流；4个城市街道画面快速切换；
③ 进入启动海报页面，5张海报，用户点击左右按钮进行切换，可以在海报上添加人物，一共男女两个人物，并调整人物的位置，但不能调整人物大小，点击“生成重启海报”，生成海报。形成海报生成H5。
3、设计风格
采用颗粒度画面，精致地绘制了城市街景，街景有灰白和彩色两种状态，通过这种对比，生动地展现了城市从疫情期间的停滞到复工复产后的活力重现。
4、互动体验
设置了多个城市的互动场景，如在成都春熙路，用户需要拖动口罩给小人戴上，画面瞬间变成彩色并恢复往日的热闹场景；在上海青浦工业园区，点击人物和蹦床，人物会上跳并开启彩色画面；在北京望京 SOHO，点击手机会出现面试邀请画面；在武汉长江大桥，点击小人推动汽车，大桥又恢复往日的车流。这些互动场景让用户参与到城市的重启过程中，增强了用户的代入感和参与感。感受到城市在重启，无论身边还是H5中的城市街道，人们在恢复往日的状态，加油~
该 H5 案例在社交媒体上得到了广泛的传播和分享，吸引了大量用户的参与和关注，有效地提高了 58 同城的品牌知名度和曝光度。蓝橙互动是一家专业的H5开发公司，欢迎咨询蓝橙客服。
— THE END —
联系电话：18140119082（微信同号）
相关链接：
2025-01-14
2025-01-07
2024-11-21
2024-11-11
2024-11-07
2024-11-04
2024-10-31
2024-10-29
2024-10-24
2024-10-18
更多案例请扫码
工期报价咨询
扫码体验案例