脉脉：这是一台回到过去的时光机
案例：这是一台回到过去的时光机
出品：脉脉
亮点：
- 策划上，图片生成类。这是由脉脉在成立四周年时期所打造的一款宣传h5。① 进入时光机器之前。大钟矗立在屏幕中央，表针缓缓转动着，时间一点一滴的流逝着，“想象着如果时间能够倒流，自己的人生一定比现在更加精彩”。② 进入时光机器。点击“回到过去”按钮，时钟表针快速倒转着，时空隧道也快速旋转着，一幕幕昔日的记忆从脑海深处日渐清晰。有当年不努力学习的身影，也有当年挥霍金钱却不买房的姿态，感叹自己没有选择对的行业，也后悔当年对爱情的不够勇敢………③ 进入时光机器之后。主人公迷茫的站在时钟上面，零散的记忆碎片如落花一般飘下。下方有两个按钮，一个是“现在挺好”按钮，一个是“回到过去”按钮。④ 图片生成。用户选择自己喜欢的按钮进行生成相应的图片。⑤ 尾屏。时钟依然摆放在屏幕中央，表针停止了转动，下方的“2017”字样代表了现在，“要反思过去，也要珍惜现在”。
- 设计上，走心风格。① 以白色为背景色，内容展示采用蓝色与黑色线条进行勾勒，搭配轻柔的音乐，将用户带回昔日的青春。② 钟表前后的变换，由正转到倒转，再由倒转到停止，“要反思过去，要向往未来，也要珍惜现在”。
- 体验上，这是一款带有记忆色彩的h5，轻柔的音乐、舒适的页面、摆动的钟表，将当前的用户拉扯到昔日的记忆中，末尾处的图片生成使得这种情绪反应达到高潮。记忆被拉扯，我们是凡人啊。
技术实现： jQuery + Egret（白鹭引擎）
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
