案例:步履不停70年
品牌:粤省事
玩法:互动动画
整理:蓝橙H5开发团队
1.详情内容上:
粤省事官方在国庆节出品的互动动画H5,通过趣味的互动动画形式来向祖国70周年庆生。进入主页的背景就建国大典的场景,中间部分有一个正在走路,下方有状态栏:左右方向键,照相机的按键还有五个待解锁的内容框,分别是:军装、自行车、传呼机、MP3、手机。提示长按右键向前走,蹦出提示框表示“走到提示地点可以点击界面的照相机图标进行拍照”点击屏幕任何位置关闭提示框。向前走后遇到的第一个物品就是一件军装,点击“穿上军装”;第一个拍照场景是跳集体舞的爷爷奶奶,可长按保存图片,海报右下角是二维码,下方是三个品牌的Logo;1961年的时候可获得自行车,1964年拍照场景是庆祝我国第一颗原子弹爆炸成功;1977年恢复高考;还有路过的中国女排五连冠、第十一届北京亚运会、得到BB机道具、游戏从像素到3D、四大天王时代、澳门回归、得到MP3道具、路过2008年北京奥运会的举办场所:鸟巢;再到使用手机。最后已是一身现代装的青年又走回了天安门广场的门口,然后打印出了一张海报:庆祝中华人民共和国成立70周年“这个生日,你我与14亿人一同庆祝”,用户可点击“再走一遍”重新再看H5和“喊上好友”分享好友。
2.页面设计上;
设计上整体采用了手绘动画风格,人物会随着用户长按左右按钮进行走动,后面大背景有细节动画。展现了祖国70周年的大事件,很好的宣传了祖国的发展。
扫描二维码查看
注:如果您还想了解更多的H5玩法案例,或者需要咨询H5定制问题,可点击右侧“方案咨询”在线联系,或者微信搜索“蓝橙互动”公众号获取案例。
相关链接:H5制作|H5案例|小程序开发|年会H5游戏|节日营销H5