众安保险：你一定和TA发生过关系！！！

2017-10-16 H5案例分享 H5案例分享

案例：你一定和TA发生过关系！！！

出品：众安保险

亮点：

创意上，以标题党“发生关系”吸引用户进入，过程中用暗淡色调+多个品牌露出形成悬疑故事，最后露出这个神秘的TA，即真正的品牌“众安保险”，原来众安就在你身边，只是隐藏在若干产品的背后，提供底层的保险支持。真不晓得，原来保险行业可以这么玩？

策划上，标题党“你一定和TA发生过关系！！！”让人想一探究竟，到底发生了（不）什（是）么（性）关系？接下来，以一镜到底的视觉效果+纵向长图滑动的交互形式，展开一场悬疑故事，在性冷淡的灰暗色调中，小五猜想这是哪家品牌，滑动过程中众多品牌依次出场：Mobike、大疆、滴滴、顺丰...莫非是多家联合行动。认真看到最后，还不知道这是跟谁发生了关系。最后点击“揭秘他”，闪亮登场的是“害羞”的众安保险，再露出众安保险跟以上众多品牌的合作产品，原来：从街角的盯梢，到后面的尾随，再到天空的无人机监控，打车爆胎，飞机延误...好像总有一个人和一双眼睛盯着你，那个人后面有一双翅膀，不是偷窥者，而是守护天使，TA（众安保险）无微不至出现在你不同的生活场景中，默默的跟你发生着关系。

设计上，首先以灰紫暗色调，渲染了一种神秘的气氛，采用手绘形式，将多个场景贯穿起来，使其整体效果连贯没有断层。随着场景的变换，画面中还会出现对应的背景音效，上滑动画正放、反之倒放，细节细致。

技术实现： jQuery + Canvas

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

识别图中二维码

你一定和TA发生过关系！！！-查阅二维码

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

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

标签