怎样设计儿童节H5？

我们H5的运用范围在不断的扩大，不管是广告还是营销，都需要H5来撑场面，在节日期间更是少不了H5页面，不过就H5开发方面还是需要一点技术的，小编在这儿呢就分享一个儿童节H5的制作方案，或许能帮助大家开启思路。

1、制作背景

选定了孩子们喜欢的儿童节，那么大人们为啥都喜欢呢？因为这个节日特别容易勾起大人童年的回忆，谁都喜欢童年的感觉，想想都能变得年轻一点。还有这毕竟是大人的世界吗？大人玩才能玩转分享起来吗？

之所以想设计这样一个活动，主要还是想带一波用户回流，完善节日情感化设计的形式，扩大品牌传播的声浪。

2、H5内容设计

抓取娃娃机给人带来的那种乐趣好像早已超越了年龄的界限，谁都觉得自己的是幸运儿，总能玩的乐此不疲。所以选用抓娃娃机作为渲染节日气氛的开头，很容易触发用户的代入感，引导用户转动遥感抓取自己的幸运球。

摇取出随机的幸运球落地后，带着幸运开启幻想旅程，游戏会随机推送给试驾人一辆车，这可能是你人生的第一辆摇篮车，定义随机性带给用户额外惊喜，选好人生的第一辆豪车，策划根据不同的车还配上了相应的文案。车1（婴儿车）：人生中的第一辆豪车

车2（学步车）：迈出了如同登月的一大步

车3（投币车）：再投一个币吧，我还想再玩一次

车4（挖掘机）：学挖掘机，要从娃娃抓起

车5（敞篷车）：这条gai上最靓的崽

车6（购物车）：除了这个不要，其他我都要了

车7（小自行车）：还记得当年后座的那个TA吗？

车8（滑板车）：我的滑板车，时尚时尚最时尚

车9（南瓜车）：童话里不是骗人的

就可以选取试驾人的角色了，设计师创意了很多可以互换角色。有书生气的眼镜哥、羞答答嫔妃娘娘、胡子拉碴的程序员、萌宠可爱的少女、玩世不恭的潮男、穿着纸尿裤的宅女、爱健身的型男、时尚的单车美眉、穿越古今的管家等，疫情期间还配合他们戴口罩的情形。如下图各个形象结合豪车的行为。

角色选好后，根据自己的喜好可以换豪车了，策划还为每辆豪车定制了默认的弹幕文案，结合弹幕更能渲染氛围，用户觉得好玩才可能触发互动的行为。用户的趣味性被激发了，才会有接下来的分享玩转行为。

3、H5技术框架

H5的设计可以天马行空，但最后都要落到实现层面，设计的再好，实现不了也是全白搭。

团队的前端开发没有用我们传统的DIV+CSS结构来写，这样写太复杂了，而且嵌套的层级比较多。而是采用PixiJS框架来绘制整个页面，包括画面里面的动效都是一帧帧动效都是绘制出来，这样可以保证动画质量和运行效率。

这个案例虽然只是儿童节这一个节日的策划，但是大家可以通过这个策划套入其他节日，其实大多节日策划都是差不多的，只不过换了元素罢了，当然如果大家只有方案没有技术支持的话，欢迎大家咨询我们网站客服为你定制H5哟。