虎牙:乡村振兴,你我同行
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2min15s
案例:乡村振兴,你我同行
品牌:虎牙
技术实现: HTML5
制作:亿众互动
亮点:
乡村振兴,你我同行。在国际消除贫困日到来之际,亿众互动为虎牙直播、央视新闻和联合国粮农组织驻华代表处,制作了一款创意助农的互动H5,邀大家一起为乡村振兴助力!
此H5采用互动小游戏的交互形式,通过收稻摘果、直播点赞、消毒杀菌、冷链运输等环节,以有趣且直观的方式让更多人感受到农业现代化科技的发展。
该H5中,还融合了当下最流行的直播助农形式,巧妙传递出虎牙的平台属性。
一、策划逻辑:
①Loading页:四种农作物上下交错运动,同时显示加载进度;加载完毕自动进入【首页】。
②首页:首页画面以果园为背景,与即将进入的采摘页面相呼应,点击“搭把手”按钮,即可进入到【收稻摘果页】。
③收稻摘果页:收稻摘果页面依次切换不同场景,用户按顺序采摘苹果、葡萄、柚子、花生、以及稻谷,采摘完成即可来到【直播点赞页】。
④直播点赞页:用户可根据喜好选择蔬果,点击红心进行助力,点击“转发”按钮,即可来到【消杀运输页】。
⑤消杀运输页:消杀人员身穿防护服为车辆和人物进行消毒,消毒完毕后,车辆向城市中前行,画面对水果商店以及家中美味的食物进项展示。
⑥领取荣誉页:完成以上环节后,即为助农成功,用户可领取荣誉证书。
⑦分享页:遮层弹窗配合文案,引导用户分享至好友或朋友圈。
二、视觉设计:
①整支H5以绿色和金黄色为主,给人一种食欲满满的感觉,也象征着农作物纯天然,绿色且健康。
②苹果红、葡萄紫以及柚子黄的点缀,使色彩更加丰富饱满,并营造出了硕果累累的丰收之景。
③除此之外,场景中还融合了蓝天、白云和金黄的稻田,使整体视觉充满生机,给人带来置身其中的愉悦感和成就感。
三、互动体验:
①交互形式丰富,操作方法简单,在降低用户理解的同时,使其交互更加有趣,且充满惊喜,用户只需根据引导提示即可成功完成互动小游戏。
②点击“领取荣誉证书”按钮,即可获得专属海报,并解锁“助农帮手”称号。
国家农业现代化发展正不断迈上新台阶,但乡村振兴仍需我们每个人的助力,快邀请你的朋友们也一起成为助农小能手吧!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号