Tencent 腾讯：重温一个不用抢的红包

2017-02-20 H5案例分享 H5案例分享

案例：重温一个不用抢的红包

出品：Tencent 腾讯

制作：W

亮点：

策划上，小游戏类。Loading完毕进入页面，出现一段主题文案，点击屏幕下方“点此团聚”进入“收红包”环节。一开始会提示游戏规则，“在H5中停留时间越久，获得红包几率越高”，之后点击按钮开始。画面是一家人包括宠物小狗在一个大桌上吃年夜饭，点击每个人物能查看身边家人此刻内心的想法。屏幕下方可以重新“看规则”或“看结果”来查看活动结果数据。

设计上，手绘风格，画面色彩丰富，首页配合手机重力感应，画面会随之变动，效果很好看。背景音乐与画面也很搭配，每个人物还做了各自的配音，很有画面感又很好玩，各处表现都很细腻。

体验上，小编看到案例时，活动已经结束了，虽然很可惜没能体验到活动，但是已经感受到了满满的暖意。无论是立意，还是画面表现，都很走心，如果静心细想，会发现自己确实因为贴近了手机，而拉远了一些关系。这支H5的主题是陪伴，即便活动结束了，仍然会告诉点进来的人，“本活动虽已结束，但愿未来的每封腾讯红包，仍能温暖离家的你”，在暖到用户的同时，也让大家记住了“腾讯红包”。鸡蛋里挑点骨头，因为此案例是通过逐帧动画实现的，有大量的序列图，所以一开始会有一些卡顿，第二次进入就会好很多。

技术实现： jQuery + CSS3(Transform)

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

识别图中二维码

重温一个不用抢的红包-查阅二维码

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

标签