知乎：平行世界的你

2018-05-17 H5案例分享 H5案例分享

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

识别图中二维码

平行世界的你-查阅二维码

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

案例：平行世界的你

出品：知乎

亮点：

策划上，视频答题类。先是介绍现实生活中的各种生活压力，周而复始，麻木循环。在变化的交叉路口，发现了平行世界的存在，你想知道在另一个世界生活的怎么样吗？让我们一起走进平行世界吧！进入平行世界，选择自己的性别，选择你心目中的形象，起一个令自己快乐的名字，然后进入答题环节，答完五道题，就可以知道平行世界中的你是什么样子的。最后引出5月19日的第五届《知乎盐 Club》新知青年大会，会让更多的人关注。
设计上，背景主要为黑色为主，画面引用视频和一些动画，增强了用户的体验。
交互上，点击和滑动。
体验上，也许每个人都想会有另外一个自己，在这里你可以找到另一个自己，看一看有什么不同。最后还可以长按保存平行世界的你，同时还可以点击‘开放报名’参加新知青年大会。

技术实现： jQuery.js

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

标签