中国平安：除了钱，我一无所有

2017-12-22 H5案例分享 H5案例分享

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

识别图中二维码

除了钱，我一无所有-查阅二维码

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

案例：除了钱，我一无所有

出品：中国平安

亮点：

策划上，以一段49秒视频开头。主角虽然画成了羊驼的样子。但其实代表了许多不同职员。主要讲了，主角在梦里梦见自己非常有钱，但现实却一贫如洗。他决定，一夜暴富。给出两个选项，“羊毛出在羊身上”，“撸起袖子加油干”。前者进入一个小互动，需要你拿着理发器剔掉自己的毛，却发现只能卖一块钱，“此路不通”。后者进入一个44秒视频，讲了主角身为新闻主编，面对客户需求，加倍努力却最终迷失其中，“此路不通”。两条路都尝试失败后，出现第三选择“条条大路通罗马”。介入一段33秒视频，关于主角求“财神打救”，最终收获成功。而财神正是该H5金主的化身，品牌露出。
设计上，整体是黑白线条画风格，后半段关于“财神”的部分加入橙色。
交互上，剃羊毛部分需要拖动理发器在羊驼身上移动。
体验上，开头关于有钱的幻想，虽不切实际，但相信许多人都曾幻想过。后面，迷失在客户不断修改的需求的经历，相信许多人也都经历过。这些都能引起共鸣。

技术实现： zepto.js + video + airmn.js

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

标签