蓝橙互动H5案例分享-07期

原创 收藏 评论
举报 2025-06-30

案例一

案例名称:测一测你灵魂的颜色

案例品牌:网易云音乐 X LANCÔME

兰蔻小蛮腰系列口红宣传作品,与网易云音乐合作,邀请用户参与情景测试,测试出的灵魂颜色是兰蔻口红的颜色名,加深用户印象,感受色号与用户性格的契合,激发用户的购买兴趣。

点击打开作品,选择与自己性格相符的情景问题的答案,在咖啡屋会选择什么位置,有人播放了哪个类型的音乐,对红色的第一联想,突然响起的手机是谁打来的,输入名字生成海报,包括用户的灵魂颜色——杏仁奶茶色,焦糖南瓜色,蓝调正红色等,三个关键词,主图及简短的性格解析。


案例二

案例名称:Gucci Burst

案例品牌:GUCCI

全球奢侈品品牌GUCCI为其产品Burst推出的一款创意H5小游戏,通过躲避隧道中的障碍物,让用户参与其中,了解产品,曝光品牌。

Burst的鞋子在一个3D立体彩色隧道中“飞驰”,在8m位置处有两个操作引导箭头,引导用户可以点击向上、向下箭头直接拖动Burst在隧道中改变位置,以躲避迎面而来的障碍物。游戏有计时和分数提醒,如果碰到障碍物,游戏立即结束,弹出游戏结果页面。


案例三

案例名称:2021国际雪豹保护日

案例品牌:网易新闻 × WWF

网易新闻公益在“2021国际雪豹保护日”推出的保护雪豹创意H5作品,通过雪豹在中国的分布状况,让大家对雪豹有更多的了解,从而起达到宣传保护雪豹,保护动物的公益诉求。

在地图上直接标注中国境内有雪豹的7个区域:内蒙、甘肃、青海、四川、云南、新疆、西藏,底部有解锁进度条,每点开一个省份,弹出相应省份的雪豹介绍海报,包含本地区特色数据,进度锁随即打开一关。

案例四

案例名称:2021甲状腺青年说

案例品牌:Merck

2021甲状腺青年说即将开始,用户通过游戏挑战,解锁会议讲题列表及相关信息,积极参与会议或观看直播。

打开作品,点击右下角了解甲状腺学术名词缩写解释,点击屏幕开始游戏,在游戏中移动积木块让带着蝴蝶的那块来到出口即为成功,两关通过后,积木块上的蝴蝶飞走,飞到下一页面的信封上变成“open”字样,点击打开,来到宣传页,查看会议流程,会议地点,时间等相关信息。

案例五

案例名称:Black Dog

案例品牌:Suji Choi & Chanwoo Hwang

韩国的两位创作者Suji Choi & Chanwoo Hwang以Black Dog为主题,以黑白风格和H5中的各种3D动态特效,讲述了一个可交互的温情故事。

利用多种3D动画特效,来表现和切换场景,让用户在一个又一个的视觉冲击下,跟随剧情一点点展开。交互方式,主要是点击,每一个场景有一个引导光圈,用户点击,触发场景转换和动效展示。

案例六

案例名称:小红书RPDC 玩具店

案例品牌:小红书

小红书要招聘啦,用3D的效果把一个个职位变成玩具商品,很有创意,也很符合年轻人的生活和兴趣。

进入作品后,可以看到一间亮灯的玩具店,点击开始,随着镜头进入,玩具出现,以密封包装公仔的形式挂在货架上,包装上有职位名称,滑动屏幕查看不同类型的玩具,点击自己喜欢的进入下一页,点击拆开,玩具拆封,下方有两个图标,标注了工作内容,点击查看动画效果,然后可点击右下角查看招聘详情或分享玩具,也可点击右上方换一个玩具。



本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)