58同城：同学你有毕药吗？

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

案例：同学你有毕药吗？

出品：58同城

亮点：

策划上，图文展示 + 数据类案例。案例加载完后进入案例。案例首屏有一种《xx有嘻哈》的感觉，一人提出“你有Freestyle么？”另一人说“药~你站好了听我唱”。随后以Hiphop的形式将毕业生在服用“毕药”后在迷雾重重的求职就业带路上的艰辛历程，同时也给出了相应的解决方法。落地页进行品牌露出以及案例数据来源，点击“查阅全部数据”可观看案例中出现的所有毕业生毕业后各方面数据；点击“反复服用疗效好”可对案例再次观看。
设计上，手绘矢量风格。画面人物以黑白两色为主，在颜色丰富的背景下可更好的聚焦读者的视觉焦点。背景的斑点有种老电视机的感觉。
体验上，加载完成后一播到底的方式。将58同城数据很好的融合在案例里，以一种时尚潮流的方式讲述给读者，减少读者厌倦感。

技术实现： jQuery

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

识别图中二维码

同学你有毕药吗？-查阅二维码

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

标签