案例：我的五一“云游照”

品牌：新华社客户端 + 腾讯微视

技术实现：EaselJS + Swiper + jQuery

亮点：

1、创意定位

新华社客户端和腾讯微视在五一期间推出的“云游照”H5，什么叫云游照？就是人宅在家，也可以游遍大美中国。

 

2、策划上

① 首页屏幕下方有个小问号，显示“你是？”，需要选择性别；选择男生，一个男生从门里走出；选择女生，一个女生从门里走出；点击下方的“秀出美颜”按钮；

② 上传一张正面照片，显示“识别中”，识别用户是否上传的照片是否符合要求；识别后，可以删除重新上传，也可以点击下方的“立刻出发”按钮，进行合成照片；

③ 无论男生，还是女生，是12个中国的美景，例如：武汉大学、西藏布达拉宫、桂林山水、海南岛等；选择好背景后，点击“按下快门”按钮，显示照片冲洗中，大约1秒后；

④ 生成刚选择的景色与人脸融合的人物合影，合影中带有地名和时间（年月日），用户可以长按保存；也可以点击左上角重新选择美景。

 

3、设计上

手绘卡通暖色调，配色上整体是初夏的感觉，很温暖。

 

4、体验上

在美景选择界面，用户切换美景的滑动，像大转盘，可以预先知道上一个和下一个美景；美景切换时又有随机出现，让用户感觉超过12个美景。

【案例截屏】

请长按/扫描以下二维码

我的五一“云游照”

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

<想免费推广H5可以试试>

H5投稿小助手

以上为【H5案例分享】团队原创文章！

转载请务必注明出处！

【学H5-从今天开始，不晚】

【带你一步一步成为H5高手】

找创意H5案例：h5anli.com