蓝橙互动H5案例分享-06期
案例一
H5案例分享
案例名称:时光候车站
案例品牌:高德打车
这是高德打车在重阳节来临之际制作的亲情H5案例,旨在高德打车小程序的接受度和影响力。
加载结束后,点击“点击登车”,即可“开启亲情穿越之旅”,如同看电影一般进入展现与父母之间的一幕幕场景,点击“下一站”即可切换从出生到幼儿、童年、少年、成年、婚姻,再到现在的不同场景;接着便提示上传和父母的合影,合影上传后点击“我给父母打个车”,即可打开高德打车微信小程序。
案例中通过人生不同阶段的变化,与父母之间关系的变化,逐步勾起用户心中对父母的感情,提升用户对高德打车的好感。
案例二
H5案例分享
案例名称:TCL成立40周年庆典之旅
案例品牌:网易文创X TCL
TCL作为中国驰名商标,自创立起已走过了40年风雨路,本作品回顾了TCL一路的脚步和取得的成绩,邀请用户为40周年庆典献上祝福。
点击屏幕上电脑桌面出现的触点,一封邀请函缓缓打开,邀请用户参与40周年庆典,用户选择自己的身份,备选身份有员工,TCL毕业生(离职员工),铁粉团,应援会和氛围组,然后一个日历从2021年飞速撕回1981年,用户长按触点推动画作展开,用时间点回顾TCL一路的成绩,包括1981年成立公司,96年晋级国内三强,2004年上市,2019年资产重组等,最后用户来到庆典现场,选择三个弹幕生成祝福海报。

案例三
H5案例分享
案例名称:定制你的冬奥“春游照”
案例品牌:BEIJING 2022
4月春暖花开,正值出游踏青好时节,作品结合冬奥倒计时300天,融入冬奥场馆、冬奥项目、冰雪装备及大众参与的热点内容,推出H5互动产品《定制你的冬奥“春游照”》,通过定制化互动的方式,激发互联网用户的参与热情,让全民在乐趣当中掌握冬奥知识,助力冬奥文化传播,进而点燃更多普罗大众的冬奥热情,让更多人了解、参与冰雪运动。
首页是一张冬奥春日观光票,点击触点,一双手拿住票,拿着相机,标题出现,点击“走!拍照去”开始制作。根据提示选择场馆,长按触点可查看场馆简介,然后选择人物,人物有完整效果和自己搭配两种可选,自己搭配的需要先选择男女,然后选择动作,穿搭,配饰,表情,发型,最后给效果图选择贴纸和标语,点击相机触点完成制作。海报包括效果图,根据内容给予的海报名称和作品二维码。
案例四
H5案例分享
案例名称:测测你的植物人格
案例品牌:京东
京东的东东农场周年庆来临,邀请用户测试自己的蔬果人格,在一段森林冒险中做出选择,生成自己的性格海报。
一段小动画,内容是一声尖叫后,“你”缓缓睁开眼,看到一片丛林和一只小精灵,导语逐行浮现,点击触点开始测试,情景问题依次是“你”出现在森林的原因,远处跑来的狐狸说了什么,天空中突然出现的阴影是什么,湖边奇怪的声音是什么,星光下的萤火虫景象出现时你会做什么,输入名字生成海报,包括属于哪种人格的植物,插图,稀有度,和解释,用户可保存图片或分享作品。
案例五
H5案例分享
案例名称:Double Win打气歌
案例品牌:网易云音乐 X Double Win
咖啡能给人提神,咖啡品牌Double Win联合网易云音乐推出给人提神打气的卡通音乐作品,用户选择喜欢的卡通形象组成乐队,定制音乐,最后还可以领取优惠券,用可爱萌趣的卡通和激昂的歌曲加深用户对品牌的印象,用优惠劵吸引用户消费。
点击打开作品,是几个绿色橄榄形造型各异的小人儿,各自有自己的打气slogen,输入名字开始组建乐队,根据提示滑动菜单,查看成员头像,将喜欢的形象拖至舞台上,最多可拖六位成员上台,不喜欢的可以再拖回来,每个成员有自己对应的音效,点击下方“开启合奏”可试听合奏出的乐曲效果,点击“确认”生成海报,包括刚才的效果图,和海报名“XX(用户名)的必WIN打气乐队”,及出品方名字,用户可点击下方触点再玩一次或领取优惠券。
案例六
H5案例分享
案例名称:你抽中一个盲盒种子
案例品牌:人民日报新媒体X中国移动X咪咕
久居城市的人可能很少有机会见证完整的粮食生长过程,值中国农民丰收节之际,人民日报,中国移动与咪咕一起,邀请用户用当下流行的“盲盒”选种子,种作物,感受过程的快乐,从结果中提炼美好品质,吸引更多人关心粮食产业,关注中国农民丰收节。
点击主页面盲盒下的“拆”,开始种植,在提问中选择自己喜欢的方式,包括种在哪里,浇水手法,驱虫方法,如何对待生长进度,怎么赶鸟,种植成功后会怎么做,回答完毕生成海报,包括中国农民种植节题头,用户最擅长种植的作物百分比图片,和当中蕴含的品质,用户可重新种植或分享作品。
手绘的作品,画风温馨明朗,可爱治愈。问题的设置包含了种植过程中的关键点,答案设置比较有趣,手冲咖啡绕圈式浇水,让智能机器人站岗等,贴近生活,愉悦作品体验过程。

关注蓝橙互动获取更多H5资讯!
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。




评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)