新华社客户端 + 快手：穿越深圳特区辉煌40年！

2020-08-30 H5案例分享 H5案例分享

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

识别图中二维码

穿越深圳特区辉煌40年！-查阅二维码

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

案例：穿越深圳特区辉煌40年！

品牌：新华社客户端 + 快手

技术实现： video + JavaScript

亮点：

1、创意定位

庆祝深圳经济特区成立40周年，快速浏览深圳特区40年变化。

2、策划上

① 首先loading页面是日历翻页，回到了1980年，点击进入；

② 进入后播放一段1分30秒mp4格式深圳发展的视频，有年份介绍和对应年份发生在深圳的事情；用户可以点击屏幕右下角“暂停”，暂停当前视频；点击“跳过”，跳过视频；视频播放结束后，是穿越深圳四十年打卡留念；

③ 打卡留念页面中分为3个年代：八十年代、九十年代、二十一世纪；每个年代有男女画像，用户点击画像，下方会出现“就选TA了”按钮，生成打卡留念海报，用户可以长按保存；尾页中，有“重新选择”和“再次打开”；“重新选择”直接进入打卡留念页面；“再次打开”从头重新观看H5。

3、设计上

手绘风格人物和景物，偏写实。

4、体验上

快速了解深圳经济特区40年变化，感慨40年的突飞猛进。

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

标签