FOTILE 方太:大禹三过家门而不入

2018-01-31 H5案例分享 H5案例分享
FOTILE 方太:大禹三过家门而不入


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

识别图中二维码

大禹三过家门而不入-查阅二维码

完整欣赏此案例大约需要3分钟


案例:大禹三过家门而不入

出品:FOTILE 方太

亮点:

  1. 策划上,长图翻页+视频。Loading完毕提示交互方式为“连续向下移动观看”。用户按照提示向上滑动屏幕,画面向下移动,展开故事。故事始于黄河流域,讲述了家喻户晓的大禹治水的故事。

 

H5分为三部分。第一部分以加班角度切入,以图文+局部动画的形式,讲述大禹治水的起源。用现代的马桶栓,来戏谑大禹治水的办法:变堵为疏。让人感觉到轻轻的幽默感。

 

第二部分结合现代,以图文+视频的形式,新编大禹三过家门而不入的故事,与标题的加班联系,紧扣主题。让人觉得搞笑又轻松,一下子从4000千年前拉回到现在。

 

第三部分为故事的结尾,也是图文+局部动画的形式,讲述大禹治水成功而归家,并以时下流行的知识性问题形式提问用户,为何大禹13年不回家,夫妻关系却没有受影响?用户需从设定的题目中选出正确答案。

 

以问答的形式带出广告,转折巧妙而有趣,借土豪和帅哥,来让大家会心一笑。正确的答案,暗藏玄机。 原来是广告!

 

结尾处点击按钮“点击领取现金优惠券”可跳转至活动页面,用户导流到促销信息,实现用户边看边买。

 

  1. 设计上,黄色色调。复古的泛黄宣纸、古风线描插画风格,细腻的线条,丰富的内容都营造出古风雅韵的中国风风格,让人感受到方太的古风韵味,巧妙将产品特点融入传统文化的同时,也让传统的魅力再次焕发。用传统艺术场景将产品的画面感带出来,巧妙的缩短厨电产品带给用户的高冷距离。

 

而图文+局部动画的表现形式,使得案例既不会让用户注意力都被动画吸引,又不会因为没有动效让用户觉得画面没有活力。

 

  1. 体验上,虽然案例讲述了大禹治水的故事,但是画面中出现了“游轮”、“春联”、“手机”等诸多现代性的元素,这些元素让故事整体气氛更轻松、愉快,结尾处,也让方太智能升降油烟机的产品露出不会很生硬。除此之外,一些古代场景的还原也是惟妙惟肖。

 

这支案例立足于当下年轻人因繁忙忽略家人的社会性话题,巧妙的选用了古代“大禹”的故事,将“家人”、“关爱”与产品结合,告诉大家:再忙,也别忽略身边默默关心你的人。



技术实现: CreateJS + Video(视频)



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

标签

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

相关推荐:

FOTILE 方太:热水器智能导购

FOTILE 方太:妈妈的时间机器

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~