FOTILE 方太:大禹三过家门而不入
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要3分钟
案例:大禹三过家门而不入
出品:FOTILE 方太
亮点:
- 策划上,长图翻页+视频。Loading完毕提示交互方式为“连续向下移动观看”。用户按照提示向上滑动屏幕,画面向下移动,展开故事。故事始于黄河流域,讲述了家喻户晓的大禹治水的故事。
H5分为三部分。第一部分以加班角度切入,以图文+局部动画的形式,讲述大禹治水的起源。用现代的马桶栓,来戏谑大禹治水的办法:变堵为疏。让人感觉到轻轻的幽默感。
第二部分结合现代,以图文+视频的形式,新编大禹三过家门而不入的故事,与标题的加班联系,紧扣主题。让人觉得搞笑又轻松,一下子从4000千年前拉回到现在。
第三部分为故事的结尾,也是图文+局部动画的形式,讲述大禹治水成功而归家,并以时下流行的知识性问题形式提问用户,为何大禹13年不回家,夫妻关系却没有受影响?用户需从设定的题目中选出正确答案。
以问答的形式带出广告,转折巧妙而有趣,借土豪和帅哥,来让大家会心一笑。正确的答案,暗藏玄机。 原来是广告!
结尾处点击按钮“点击领取现金优惠券”可跳转至活动页面,用户导流到促销信息,实现用户边看边买。
- 设计上,黄色色调。复古的泛黄宣纸、古风线描插画风格,细腻的线条,丰富的内容都营造出古风雅韵的中国风风格,让人感受到方太的古风韵味,巧妙将产品特点融入传统文化的同时,也让传统的魅力再次焕发。用传统艺术场景将产品的画面感带出来,巧妙的缩短厨电产品带给用户的高冷距离。
而图文+局部动画的表现形式,使得案例既不会让用户注意力都被动画吸引,又不会因为没有动效让用户觉得画面没有活力。
- 体验上,虽然案例讲述了大禹治水的故事,但是画面中出现了“游轮”、“春联”、“手机”等诸多现代性的元素,这些元素让故事整体气氛更轻松、愉快,结尾处,也让方太智能升降油烟机的产品露出不会很生硬。除此之外,一些古代场景的还原也是惟妙惟肖。
这支案例立足于当下年轻人因繁忙忽略家人的社会性话题,巧妙的选用了古代“大禹”的故事,将“家人”、“关爱”与产品结合,告诉大家:再忙,也别忽略身边默默关心你的人。
技术实现: CreateJS + Video(视频)
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号