2016年H5推广案例——浙江卫视：西游奇遇记

《西游奇遇记》是在浙江卫视播出的大型原创户外真人秀节目，于2015年12月12日每周六晚8点播出，节目五位固定主持是周迅、岳云鹏、阿雅、金世佳、金星。《西游奇遇记》以四大名著之一的《西游记》为主题背景，五位主持一起组成“师徒团”踏上一段未知的旅程。节目取名“西游”，是有重走当年唐僧取经路的意思。5位明星组成的西游组，从千年古都西安出发，途径6个省份近10座城市或村镇，最后到达终点。

最近浙江卫视为宣传该节目出品了H5推广作品《西游奇遇记》，不论是作品创意、动效制作，还是推广文案，都是上上之作。

策划上：扫描二维码进入后，是时间较长的loading页，因为需要加载的程序过多，但是loading页的文案写的很巧妙，“为营造良好的观影环境，请不要随意走动”，就像在电影院等待电影上映一样，事先都要放几分钟广告，让人可以耐下心多等一会。加载完毕以后，首页中间是“REPEAT 西游记”的标题，底下是“如果剧情早已注定，让你不得不重复自己的人生，是悲还是喜，问问自己的内心”，有一种星爷《大话西游》的感觉，让人忍不住想要看看是如何重走西游呢？

点击“好戏上演”，帘幕缓缓拉下，出现“第一幕 三打白骨精”的字样，然后是一段GIF动图，剧情是我们熟悉的剧情，白骨精化身少女要谋害唐僧，被及时赶回来的孙大圣一棍打死。但如果喊“咔”呢？出现一段令人深思的话，“我又一次手举金箍棒，第N次按照剧本打死了她，如果······“，是啊，重复的剧情，看了一遍又一遍，如果能发生点改变，那该是什么样呢？

接下来，分别出现了第二幕，第三幕，第四幕，第五幕，都是我们耳熟能详的剧情桥段，高老庄娶亲，送别女儿国，黄凤玲遇袭等。用GIF动图展示完我们熟悉的剧情后，都会出现又一次按照剧本完成既定动作，如果······这样的语句。

最后一页，“如果西游可以重新演绎，不如撕掉剧本，重新出发”，用户可以选择点击“感受奇遇“或者”分享好友“。讲真，在前边那么多的铺垫下，小编不由自主地就会点击”感受奇遇“，看看究竟会遇到什么样的奇遇，原来是一段浙江卫视当红综艺节目《西游奇遇记》的的节目宣传视频。

设计上：漫画风格，风趣诙谐，而且动态漫画生动奇妙，引人关注。整体H5呈现黑色主色调。

交互上：营造出一种在影院观影的氛围和场景，感觉奇妙有趣；采用点击、触动等效果，引导用户；最后的分享和跳转。

技术上：剧情动画采用JS中的setInterval定时器控制图片依次显隐和循环播放，其他有些动画采用的是gif动图。