夸克：找回曾经的光芒

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

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

识别图中二维码

找回曾经的光芒-查阅二维码

完整欣赏此案例大约需要58秒

案例：找回曾经的光芒

出品：夸克

亮点：

策划上，①进入首页，一个人在一间格子里面工作，点击寻找光芒。②错过节日狂欢和派对脱单，被格子间的逼仄困住脚步，你从此熄灭了心中的光，但偶尔回想起，自己曾想天上的星星，相信保持初心，就能到达未来和远方，但，去哪儿里找回曾经的光芒，看到一个飞船，飞船说带你离开，要答完三道题，才能走。③一共三道题，（1）如果明天就要回到原本的星球，离开地球前，你最想做什么？（2）你最想拥有哪种太空超能力？（3）为了在新环境中更好地生存，你会做什么？资料收集完毕，获得口令，长按按钮念出来，马上启程。④飞船行驶中，即将到达星球，在星球上刻下你的名字，准备登陆。⑤最后生成一张海报，来自哪个星球，被他守护的人们都有什么性格，评论，二维码引流。可以再次寻星，或者遇见未来。
设计上，颗粒度漫画风格。
体验上，最初给自己定的初心，现在是被格子间磨灭了还是还保持这最初的初心？曾经的光芒去哪里了？赶快来测试吧！

技术实现： React ES6

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

标签