伊利×中国航天：打卡海报400公里的天空新家

2022-11-02 H5案例分享 H5案例分享

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

识别图中二维码

打卡海报400公里的天空新家-查阅二维码

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

案例：打卡海报400公里的天空新家

品牌：伊利×中国航天

技术实现： HTML5

亮点：

1.创意定位

伊利联合中国航天推出的创意H5案例。以“打卡海报400公里的天空新家”为创意主题，通过让用户“换装”宇航服，另加人脸融合，生成探索太空新家的海报，形成用户互动，产生品牌曝光和传播。

2.策划逻辑

主要流程：Loading → 主题页 → 性别+太空服选择页 → 上传照片 → 合成海报。

在Loading部分，有蜂窝扩散特效，扩散开直接露出主题页。主题页部分，有口播配合引导用户拍照上传，点击“即可开始”，进入游戏。

选择位置和性别，位置分舱外和舱内，性别分男女，共4种组合搭配。选好位置和性别后，点击“确认”按钮，即进入上传照片部分。

上传照片：可以从相册选择照片，也可以拍摄照片上传，进行人脸融合，生成太空新家海报。用户可以长按保存海报到相册，也可以再拍一次。

3.视觉交互

整体以太空为背景，植入宇航服，科技感和未来感十足。交互方式主要有点击、拍照和长按等。

4.用户体验

简洁容易上手，照片部分，上传照片时，一定记得上传人脸正面照片，不然，合成的效果会吓一跳，哈哈哈~

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

标签