虎牙:乡村振兴,你我同行

2022-10-25 H5案例分享 H5案例分享
虎牙:乡村振兴,你我同行


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

识别图中二维码

乡村振兴,你我同行-查阅二维码

完整欣赏此案例大约需要2min15s


案例:乡村振兴,你我同行

品牌:虎牙

技术实现: HTML5

制作:亿众互动

亮点:

乡村振兴,你我同行。在国际消除贫困日到来之际,亿众互动为虎牙直播、央视新闻和联合国粮农组织驻华代表处,制作了一款创意助农的互动H5,邀大家一起为乡村振兴助力!

 

此H5采用互动小游戏的交互形式,通过收稻摘果、直播点赞、消毒杀菌、冷链运输等环节,以有趣且直观的方式让更多人感受到农业现代化科技的发展。

 

该H5中,还融合了当下最流行的直播助农形式,巧妙传递出虎牙的平台属性。

 

一、策划逻辑:

①Loading页:四种农作物上下交错运动,同时显示加载进度;加载完毕自动进入【首页】。

②首页:首页画面以果园为背景,与即将进入的采摘页面相呼应,点击“搭把手”按钮,即可进入到【收稻摘果页】。

③收稻摘果页:收稻摘果页面依次切换不同场景,用户按顺序采摘苹果、葡萄、柚子、花生、以及稻谷,采摘完成即可来到【直播点赞页】。

④直播点赞页:用户可根据喜好选择蔬果,点击红心进行助力,点击“转发”按钮,即可来到【消杀运输页】。

⑤消杀运输页:消杀人员身穿防护服为车辆和人物进行消毒,消毒完毕后,车辆向城市中前行,画面对水果商店以及家中美味的食物进项展示。

⑥领取荣誉页:完成以上环节后,即为助农成功,用户可领取荣誉证书。

⑦分享页:遮层弹窗配合文案,引导用户分享至好友或朋友圈。

 

二、视觉设计:

①整支H5以绿色和金黄色为主,给人一种食欲满满的感觉,也象征着农作物纯天然,绿色且健康。

②苹果红、葡萄紫以及柚子黄的点缀,使色彩更加丰富饱满,并营造出了硕果累累的丰收之景。

③除此之外,场景中还融合了蓝天、白云和金黄的稻田,使整体视觉充满生机,给人带来置身其中的愉悦感和成就感。

 

三、互动体验:

①交互形式丰富,操作方法简单,在降低用户理解的同时,使其交互更加有趣,且充满惊喜,用户只需根据引导提示即可成功完成互动小游戏。

②点击“领取荣誉证书”按钮,即可获得专属海报,并解锁“助农帮手”称号。

 

国家农业现代化发展正不断迈上新台阶,但乡村振兴仍需我们每个人的助力,快邀请你的朋友们也一起成为助农小能手吧!





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

标签

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

相关推荐:

广东广播电视台触电新闻:村支书们的手账本

电信:为重现古村活力,电信一直在努力

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~