网易考拉：2018我的人生格子

2018-12-28 H5案例分享 H5案例分享

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

识别图中二维码

2018我的人生格子-查阅二维码

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

案例：2018我的人生格子

出品：网易考拉

亮点：

策划上，①这是一支宣传类的H5，②首页进去后滑动选择你的年份，点击确认，③打开门的一瞬间，出来一个木头人玩偶样式的人物，走路的过程中看到有好多小伙伴在踢足球，把足球踢飞了，再走一段路，看到有一对情侣在树下谈情，球让小宠物抢到，宠物就在开始玩球，然后掉入河中，又进入到另一间房，看到有一家人，母亲正在哄孩子，父亲正在收拾屋子，走到一个大转盘前面，镜头围着转盘转一圈，会看到从路上的每个人都在这儿，最后回到木头人玩偶的身体上面，会有一个转盘，上面写着即将过去的2018，你最想对谁说一句谢谢你/对不起。有自己、父母、伴侣、朋友、孩子、爱宠，选择完这两项后，会出现第三项，感谢或者亏欠的话语都在上面，选择完点击确认，④输入姓名，会出现一张纸，把你这一生900多个月，划分成一个月一个格子，那么你的人生格子纸就会出现相对应的红色块数。
设计上，木头形式来展现整个画面，很有特性。
体验上，有很强的吸引感，与其他H5不同，让用户体验感很佳，但是最后屏幕小的手机，看不到整体的页面，会遮挡一部分。

技术实现： Egret tween jquery zepto

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

标签