人民日报新媒体 + 网易文创：请查收，来自太空的诗

2021-05-03 H5案例分享 H5案例分享

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

识别图中二维码

请查收，来自太空的诗-查阅二维码

完整欣赏此案例大约需要50秒

案例：请查收，来自太空的诗

品牌：人民日报新媒体 + 网易文创

技术实现： ThreeJS + VueJS + swiperJS

亮点：

1、创意定位

人民日报新媒体和网易文创在中国航天日推出的H5，以古典故事和航天内容结合。

2、策划上

① 首屏显示案例主题“中国航天的浪漫，你属于哪种？”，点击屏幕下方的“点击开始奇妙宇宙之旅”按钮；

② 品质关键词选择页，一共3屏，每屏8种品质关键词，选择3种与你最相近的品质关键词，点击后关键词变亮，周围发出微光，3个关键词选择好后，下方出现“选好了”按钮；

③ 进入海报选择页，海报主题是航天器和古典故事结合的海报，下方2个按钮，左侧“就是它”按钮，生成海报；右侧“不是，继续找”按钮，切换海报，海报的出现应该与品质关键词有关，选择不同的关键词，海报是不同的；3种海报自由切换。

3、设计上

卡通手绘插画，画面很美，插画都是与古典故事和航天器有关。

4、体验上

按钮比较简洁，但是每次玩选择不同的品质关键词，海报会不同，有利于用户反复进入体验。

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

标签