香榭澜溪：注意！头号“污王”在逃

2017-06-07 H5案例分享 H5案例分享

案例：注意！头号“污王”在逃

出品：香榭澜溪

制作：矩阵互动

亮点：

策划上，答题类案例。加载完成后首屏提出“朋友，赶紧关掉你的手机！”提升神秘感，随后滑动关机进入案例，探员earth告诉读者关闭手机的原因以及将要做的事情，点击“帮助他找寻线索”进入答题页面。案例总共有5道题，每一道题共有A、B、C三个选项，每个选项配有自己的的小插画，当你答错后会给出提示，直到答对进入下一题。5题都答对后给出信息“对，他就是破坏环境的邪恶分子”。最后回归主题“新长江地产人与自然的欢聚”以及露出品牌logo，点击“揪出讨厌鬼”跳转公众号文章，点击“一起抓坏蛋”进行分享。
设计上，矢量插画的方式展现。画面颜色多样，搭配和谐不突兀，让画面丰富了起来。内容造型以矢量插画的形式表现，让案例活泼不死板。
体验上，答题类案例传统的点击交互形式。案例整体来讲没有什么问题，但是首屏的取消按钮与icon做的那么大还没有办法点击，会造成一些不好的用户体验。

技术实现： jQuery

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

识别图中二维码

注意！头号“污王”在逃-查阅二维码

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

标签