1.创意定位

南方财经全媒体集团推出的「科创走廊挺起产业“脊梁”」为主题的创意H5作品。通过H5的方式，让大家通过交互式体验浏览广深港、广珠澳两条科技创新走廊，领略湾区创新“脊梁”如何助力广东，在新的高度挺起现代化建设的产业“脊梁”。

2.策划逻辑

大致逻辑：Loading → 开场动画 → 主题页 → 引导文案 →  广深港、广珠澳立体通道。

Loading部分，采用视频方式，需要用户点击后开始播放开场动画，相当震撼。

主题页部分，包含了主副标题：探索中国式现代化的广东路径，科创走廊，挺起产业「脊梁」，出品单位，点击「出品按钮」弹出出品单位介绍。根据引导，向上滑动，进入文案引导部分。

文案引导：引导大家了解湾区创新“脊梁”，去选择点击“广深港”或“广珠澳”科技创新走廊。

走廊部分：两条走廊，都采用了纵向迎面展示元素的效果，随着用户向上滑动，呈现广深港特色景点和相应取得的成就。每个通道都有交互进展地图。浏览完后，可以换另一个通道，也可以返回首页。

3.视觉交互

采用了科技蓝作为主背景，平面与立体结合，让实景与设计融合，配合纵向滑动交互，静态文字和图画扑面而来，视觉冲击力很强。

4.技术上

通过Annie2x+AnnieJs引擎完成H5动效制作及开发。用2D模拟出3D空间的穿越。

5.体验上

整体效果很流畅，尤其是两条科技创新走廊，利用纵向视觉冲击效果，让人印象深刻。