新世相&太平洋保险：测测你的喵系人格

2018-11-01 H5案例分享 H5案例分享

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

识别图中二维码

测测你的喵系人格-查阅二维码

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

案例：测测你的喵系人格

出品：新世相&太平洋保险

亮点：

创意定位，该H5由新世相与太平洋保险联合推出，从猫的视角描述了它所经过的一天，穿插剧情和用户答题交互，形成互动，以期形成自传播，达到品牌传播和宣传的效果。
策划上，动画与情景答题交替连接，讲述了一只猫的一天，并在不同的情境中设置选择题以测试用户的“喵系人格”。大致步骤：①开头为一个小动画：某个晚上，一个骑车的女孩差点儿撞到猫，可选择跳过动画；②以动态漫画图文的形式串联情节，小猫一天经历不同的情节，用户即做不同的情境选择题，一共6题，向上滑动切换画面；③结尾处，小猫找到了最初见到的女孩，后台根据用户选项生成“喵系人格”海报，可长按保存。下滑可观看H5同款真人视频。
设计上，手绘漫画风格，清新治愈。
体验上，温馨的情节和生动的音效给人的体验很真实，一张张的手绘场景也十分用心~当猫真好！

技术实现： jQuery+weui+Egret

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

标签