谷登:走进我的独处世界

2019-08-22 H5案例分享 H5案例分享
谷登:走进我的独处世界


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

识别图中二维码

走进我的独处世界-查阅二维码

完整欣赏此案例大约需要9分30秒


案例:走进我的独处世界

品牌:谷登

亮点:

  1. 创意定位

越来越多人开始养宠物,却没时间多陪伴,想知道自己狗狗的孤独指数吗?专业宠物食品品牌“谷登”出品的宠物测试,从狗狗的日常行为与各种反应中分析它的孤独指数,还有从狗狗角度出发拍摄的小视频,和宠物专家的讲解和建议,帮助用户了解和缓解狗狗的“分离焦虑症”。

 

  1. 策划逻辑

作品较长,有大致三个环节,梗概如下

①导入视频。以“小王子”的故事为出发点,描述小狗也像等待小王子回家的玫瑰花一样,每天都在等待着主人的归来。

②输入狗狗名字,开始测试,题目包括狗狗每天独处多久,每天陪伴狗狗多久,外出遛狗多久,狗狗拆家程度,活动空间大小,主人回家时狗狗的兴奋程度,答题完毕自动生成海报显示狗狗的孤独指数,及一段对狗狗内心独白的描写,呼吁多陪伴狗狗,用户可保存海报,分享作品,或点击“趣等待 去陪伴”观看视频。

③视频有两个,第一个是以狗狗角度出发的内心独白,搭配狗狗独自在家中等待、玩耍的片段,圆溜溜的孤独眼神特写,后半段是旁白搭配文字及主人与狗狗的合照展示,表达狗狗对主人的依赖和爱恋,另一个视频是宠物专家为大家分析狗狗的“分离焦虑症”,及缓解方法。

 

  1. 设计上

走进我的内心世界中的“我”,指的是狗狗,从众所周知的温馨故事“小王子”的情节出发,在一开始就引起用户兴趣,铺垫感人基调,作品整个蓝黄搭配的色调十分温馨,每道题目都有可爱的卡通狗狗配图,视频中狗狗独白画面是黑白风格,最后的合照展示是彩色的,前后对比,烘托了主人对于狗狗的重要性,有了主人陪伴,狗狗的世界才是彩色的。

 

  1. 交互上

初始视频会有闪耀的触点让用户点击,推进视频播放,答题界面有一个弧线进度条,用户将小三角拖至进度条上符合自家狗狗情况的位置,拖到不同位置时,上面的配图会变成与进度相符的样子,如狗狗的拆家程度,进度条越往后拖,衣服会变得越破烂,让用户的选择更符合自家狗狗的具体情况。

 



技术实现: jQuery+egret



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

标签

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

相关推荐:

夜听:夜听.爱情博物馆

腾讯视频:2018,你是用什么人设与世界相处

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~