案例：寻找小纽扣

出品：成都文明网

制作：蓝橙H5定制

玩法：H5动画

1.详情内容上：

成都文明网出品的动画H5，旨在通过趣味的互动动画来宣传讲文明的社会风气。加载完成进入H5是动画首页，页面上方是成都文明网的标识，页面背景图是成都一些主要地标建筑的动画形象，下方是一个学生的动画形象，旁白习爷爷说，人生的扣子从一开始就要扣好，说明了此次H5的追逃，随后用户向右滑动进入后续动画。随后会说明此次H5的互动形式，用户需要在动画场景中寻找“小纽扣”，集满10粒纽扣即可参与抽奖。依次出现的动画场景为2018未成年人网络春晚现场、在校园操场内学生玩耍和交流、在学堂内学生学习礼仪文明知识和书法、2018年城乡学校少年宫成果展现场、心理健康日的进行、全国未成年人心理健康辅导工作培训班的展开，最后会生成一段文字，介绍2018年成都文明教育的心路历程，用户最后可以点击“传递纽扣”来分析H5。

2.策划设计上：

策划上整体采用了动画形式，以寻找动画场景中的“小纽扣”来增强和用户间的互动性；设计上整体采用了剧情动画形式，配色选择上丰富多彩，以红、黄、蓝等多种颜色展示。

3.用户体验上：

作为成都文明网的社会风气展示H5，整体上采用了卡通动画的展示形式，展现了成都文明建设中的心路历程，使得能够很详细的了解到成都文明的建设成果。寻找场景中“小纽扣”的互动形式，极大的增强了和用户的体验感，使H5整体上的体验感丰富，宣传效果极佳。