案例:走进我的独处世界
品牌:谷登
玩法:测试
整理:蓝橙H5定制团队
1.详情内容上:
宠物食品品牌谷登出品的测试H5,通过趣味的测试来测试自己和狗狗的孤独指数,从而来宣传自身品牌。作品较长,有大致三个环节,梗概如下:
①导入视频。以“小王子”的故事为出发点,描述小狗也像等待小王子回家的玫瑰花一样,每天都在等待着主人的归来。
②输入狗狗名字,开始测试,题目包括狗狗每天独处多久,每天陪伴狗狗多久,外出遛狗多久,狗狗拆家程度,活动空间大小,主人回家时狗狗的兴奋程度,答题完毕自动生成海报显示狗狗的孤独指数,及一段对狗狗内心独白的描写,呼吁多陪伴狗狗,用户可保存海报,分享作品,或点击“趣等待 去陪伴”观看视频。
③视频有两个,第一个是以狗狗角度出发的内心独白,搭配狗狗独自在家中等待,玩耍的片段,圆溜溜的孤独眼神特写,后半段是旁白搭配文字及主人与狗狗的合照展示,表达狗狗对主人的依赖和爱恋,另一个视频是宠物专家为大家分析狗狗的“分离焦虑症”,及缓解方法。
2.页面设计上:
走进我的内心世界中的“我”,指的是狗狗,从众所周知的温馨故事“小王子”的情节出发,在一开始就引起用户兴趣,铺垫感人基调,作品整个蓝黄搭配的色调十分温馨,每道题目都有可爱的卡通狗狗配图,视频中狗狗独白画面是黑白风格,最后的合照展示是彩色的,前后对比,烘托了主人对于狗狗的重要性,有了主人陪伴,狗狗的世界才是彩色的。
3.用户体验上:
初始视频会有闪耀的触点让用户点击,推进视频播放,答题界面有一个弧线进度条,用户将小三角拖至进度条上符合自家狗狗情况的位置,拖到不同位置时,上面的配图会变成与进度相符的样子,如狗狗的拆家程度,进度条越往后拖,衣服会变得越破烂,让用户的选择更符合自家狗狗的具体情况。
扫描二维码查看
注:如果您还想了解更多的H5玩法案例,或者需要咨询H5定制问题,可点击右侧“方案咨询”在线联系,或者微信搜索“蓝橙互动”公众号获取案例。
相关链接:H5制作|H5案例|小程序开发|年会H5游戏|节日营销H5