微信支付:村长,该你上场啦!
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分36秒
案例:村长,该你上场啦!
品牌:微信支付
技术实现: jQuery + hammer.js + html2canvas + 人脸融合
亮点:
1、创意定位
微信支付助农宣传H5,以“村长,该你上场啦!”,这个村长有真实的村长,也有云村长的意思,了解助农故事~
2、策划上
H5案例分为两部分:直播间和生成云村长海报。
① 首屏中点击“进入直播间”按钮,进入老村长的直播间,直播带货是现在很热的卖货方式,播放一段22秒的视频,视频中老村长正在直播,热情的介绍大鹅蛋,忽然有人说云村长的事,老村长赶紧关掉直播,进入应聘云村长界面;
② 点击“应聘云村长”按钮,进入云村长资料页面,需要输入姓名、上传正面头像和选择性别,都填好后,点击“递交资料”按钮,进入你的村长助农海报页面;在助农海报页面中,可以选择场景、元素、农产品、还可以还人物的姿势;
场景:6个场景元素,点击选择,不可叠加,唯一选择;
元素:12个元素,点击选择,单个元素可以选择多个,元素也可以多选;
农产品:12个农产品,点击选择,第一次点击后出现农产品介绍,再次点击相同的农产品,不再重复出现说明,不可叠加,唯一选择,海报中必须选择农产品;
人物的姿势:5个姿势;
都操作完毕后,点击右下角绿色的“大功告成”按钮,海报生成,用户可以长按保存,也可以点击“了解助农故事”按钮,了解助农故事。
3、设计上
农村的乡土气息比较浓,真实的景物和农产品。
4、体验上
前面的直播间和后面的竞选云村长,故事性的联系比较完整。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号