腾讯云 + 深圳商报 + 腾讯优图:来了就是深圳人

2020-08-24 H5案例分享 H5案例分享
腾讯云 + 深圳商报 + 腾讯优图:来了就是深圳人


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

识别图中二维码

来了就是深圳人-查阅二维码

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


案例:来了就是深圳人

品牌:腾讯云 + 深圳商报 + 腾讯优图

技术实现: video + html2canvas + 人脸融合

亮点:

1、创意定位

深圳经济特区建立40周年H5,通过用户上传照片和合成深份证的形式,达到互动分享。

 

2、策划上

① 在loading界面,是时间的流转,转到今天,点击“开启”按钮,播放一段8秒的视频(mp4格式),视频中介绍了深圳的发展;

② 深份证合成界面,下面有多少人参与活动,点击“领取您的专属深份证”按钮,进入选择来深的时间,以年单位,点击“确定”按钮;上传用户头像、性别选择和名字输入界面,人物照片头像还可以换装(需要先上传照片),都操作完毕后,点击“确定”按钮,生成深份证,用户可以长按保存;深份证里含有姓名、深领、颁发时间和深份证编号。

 

3、设计上

采用深圳真实的风格,这种真实的照片更能让来过深圳的人触景生情。

 

4、交互上

视频右上角有“跳过”按钮,方便不想看视频的用户之间进入深份证合成界面,体验比较好。





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

恒大集团:妈你偏心

深圳美莱X美图APP:我的年代剧场

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~