微信支付:村长,该你上场啦!

2020-08-31 H5案例分享 H5案例分享
微信支付:村长,该你上场啦!


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

识别图中二维码

村长,该你上场啦!-查阅二维码

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


案例:村长,该你上场啦!

品牌:微信支付

技术实现: jQuery + hammer.js + html2canvas + 人脸融合

亮点:

1、创意定位

微信支付助农宣传H5,以“村长,该你上场啦!”,这个村长有真实的村长,也有云村长的意思,了解助农故事~

 

2、策划上

H5案例分为两部分:直播间和生成云村长海报。

① 首屏中点击“进入直播间”按钮,进入老村长的直播间,直播带货是现在很热的卖货方式,播放一段22秒的视频,视频中老村长正在直播,热情的介绍大鹅蛋,忽然有人说云村长的事,老村长赶紧关掉直播,进入应聘云村长界面;

② 点击“应聘云村长”按钮,进入云村长资料页面,需要输入姓名、上传正面头像和选择性别,都填好后,点击“递交资料”按钮,进入你的村长助农海报页面;在助农海报页面中,可以选择场景、元素、农产品、还可以还人物的姿势;

场景:6个场景元素,点击选择,不可叠加,唯一选择;

元素:12个元素,点击选择,单个元素可以选择多个,元素也可以多选;

农产品:12个农产品,点击选择,第一次点击后出现农产品介绍,再次点击相同的农产品,不再重复出现说明,不可叠加,唯一选择,海报中必须选择农产品;

人物的姿势:5个姿势;

都操作完毕后,点击右下角绿色的“大功告成”按钮,海报生成,用户可以长按保存,也可以点击“了解助农故事”按钮,了解助农故事。

 

3、设计上

农村的乡土气息比较浓,真实的景物和农产品。

 

4、体验上

前面的直播间和后面的竞选云村长,故事性的联系比较完整。

 





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

标签

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

相关推荐:

微信支付:召唤福地魔,穿越时区转运

微信支付:不耐烦探测仪

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~